You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've run into a bit of an issue. As soon as there isn't enough space on the screen for my ListboxOptions, they appear on top of my ListboxButton, disregarding the anchor="bottom" attribute that has been set on it.
I've replicated the issue here in a minimum repo: Codesandbox
Is there a way for me to
Make sure ListboxOptions always get displayed at the bottom?
Programmatically detect whether the current ListboxOptions are shown top or bottom? It's important for styling purposes, since I have to "visually merge" the button and listbox together, but the border radius and border visibility styles depend on whether the options are at the top or bottom.
Thank you for anyone who takes the time to look into this!
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi dear headless community!
I've run into a bit of an issue. As soon as there isn't enough space on the screen for my ListboxOptions, they appear on top of my ListboxButton, disregarding the anchor="bottom" attribute that has been set on it.
I've replicated the issue here in a minimum repo: Codesandbox
Is there a way for me to
Thank you for anyone who takes the time to look into this!
Beta Was this translation helpful? Give feedback.
All reactions