Dropdown Menu

[dmlb]

Describe the bug

• The size is constantly fluctuating with every keystroke or click (type in search, try to get to sub-menu)
• Once you open a sub-menu its like you're trapped, no clean exit, escape key closes the whole thing

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.Recording.2023-07-26.at.8.33.59.PM.mov

Desktop (please complete the following information):

• OS: Big Sur
• Browser Firefox
• Version 115.0.2

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]

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]

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

[hkolbeck]

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

[dmlb]

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