open-ui icon indicating copy to clipboard operation
open-ui copied to clipboard

[Select] Vertical align positioning

Open atomiks opened this issue 2 years ago • 1 comments

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:

Screen Shot 2022-03-13 at 3 10 45 pm

In my custom solution there was a lot of work with:

  • Limiting max-height and allowing it to expand onWheel
  • Syncing .scrollTop with how much it got limited in that direction

Is this possible with the <selectmenu> implementation?

atomiks avatar Mar 13 '22 04:03 atomiks

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.

github-actions[bot] avatar Sep 11 '22 00:09 github-actions[bot]

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.

josepharhar avatar Mar 24 '23 22:03 josepharhar

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.

github-actions[bot] avatar Sep 22 '23 00:09 github-actions[bot]

closing due to lack of feedback

josepharhar avatar Mar 21 '24 18:03 josepharhar