alt-text-org / my.alt-text.org

A set of tools for alt text users and writers
GNU General Public License v3.0
35 stars 7 forks source link

Dropdown Menu #22

Open dmlb opened 11 months ago

dmlb commented 11 months ago

Describe the bug

To Reproduce Steps to reproduce the behavior:

  1. Open the '...' menu

  2. Type

  3. See size fluctuate

  4. Open the '...' menu

  5. pick the menu item with an arrow '>'

  6. See size fluctuate, see through gap and have difficult time closing only that submenu without closing the whole menu

Expected behavior Not sure what the desired behaviour is!

Screenshots

Screen Shot 2023-07-26 at 8 30 32 PM

https://github.com/alt-text-org/my.alt-text.org/assets/4835191/fd1417a7-f951-4ce5-b2e6-a06fcbb8550d

Desktop (please complete the following information):

Additional context I am volunteering to help solve this, but If I can get a description or sample of how you'd like it to work that will help a lot :)

hkolbeck commented 11 months ago

The dropdown menu is absolutely one of the biggest standing issues, and is definitely a WIP in several respects. The clear layout of the issues is so appreciated.

The intent with the submenu location on the ... menu was popping out to the right, with the top level with the top of the submenu level with the menu button that it originates from. I spent quite a while trying to get that working, but was perplexed and left it as you found it. Other applications of the same searchable list code need to pop out differently, so the intent was to put control in a css class.

The fluctuating size and difficulty escaping the menu are both TODOs that I haven't gotten to yet, but are high priorities. I'm happy to accept whatever help you'd like to offer, and will certainly offer clarification if needed.

dmlb commented 11 months ago

thinking through the positioning: https://codepen.io/dmlb/pen/rNQqXKr

hkolbeck commented 11 months ago

That was my thought exactly, but I was unable to get it working, though that says little about its possibility 😅

dmlb commented 11 months ago

I think I have all the keyboard behaviours in: https://codepen.io/dmlb/pen/rNQqXKr now just gotta translate to the codebase 😅