open-ui
open-ui copied to clipboard
[Select] Vertical align positioning
New here, but I recently went on a deep dive recreating the native macOS <select>
using CSS/JS: https://twitter.com/atomiksdev/status/1501847263102246916
In the current demo when opening the menu it won't limit its height at the top:

In my custom solution there was a lot of work with:
- Limiting
max-height
and allowing it to expandonWheel
- Syncing
.scrollTop
with how much it got limited in that direction
Is this possible with the <selectmenu>
implementation?
There hasn't been any discussion on this issue for a while, so we're marking it as stale. If you choose to kick off the discussion again, we'll remove the 'stale' label.
Do you want the listbox popover to move to stay completely on screen instead of having it be able to scroll out of view? Do you want the listbox to shrink to fit the available space in between its original bottom and the top of the screen? I'm having a hard time getting the button of a native macos select to be scrolled out of view while the listbox is open because I can't scroll the page while the listbox is open.
There hasn't been any discussion on this issue for a while, so we're marking it as stale. If you choose to kick off the discussion again, we'll remove the 'stale' label.
closing due to lack of feedback