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 wanted to scroll the page down so that a listbox is at the top when clicked when on touch devices. It looks like due to the event propagation being canceled, I have no way to tie into the button click and implement the logic myself. Additionally, all efforts to work around this seem to be thwarted by the listbox somehow stopping all scrolling when the button receives focus - even if I capture the event before it hits the button, as soon as I send a .click() to the button, the scrolling stops.
This seems like expected or at least commonly desirable behavior on touch devices, how can I achieve this with headless ui?
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
-
I wanted to scroll the page down so that a listbox is at the top when clicked when on touch devices. It looks like due to the event propagation being canceled, I have no way to tie into the button click and implement the logic myself. Additionally, all efforts to work around this seem to be thwarted by the listbox somehow stopping all scrolling when the button receives focus - even if I capture the event before it hits the button, as soon as I send a
.click()
to the button, the scrolling stops.This seems like expected or at least commonly desirable behavior on touch devices, how can I achieve this with headless ui?
Beta Was this translation helpful? Give feedback.
All reactions