[Popover, Menu, Select] Improve outside press using touch modality #1214
Labels
component: menu
This is the name of the generic UI component, not the React module!
component: popover
The React component.
component: select
This is the name of the generic UI component, not the React module!
enhancement
This is not a bug, nor a new feature
Upstream issue: floating-ui/floating-ui#3138
On iOS for popups like Select and Menu, the outside press behavior is
touchend
+touchmove
with an ~8px movement threshold. If you pressed and held the screen for >1s, thentouchend
also gets ignored.This:
1s
threshold)Modal dialogs and drawers on iOS match the native
mousedown
event, which requires an intentional/non-sloppy outside press however.Popover
currently usespointerdown
which doesn't match either behavior. It's less restrictive thanmousedown
, but also too permissive/loose compared to iOS' native behavior.Menu
andSelect
currently usemousedown
, which feels too restrictive — you can't easily scroll away when it's open.Dialog
/AlertDialog
should continue usingmousedown
as-is, as they take up more of the screen with an obstructive backdrop and are modal-like.The text was updated successfully, but these errors were encountered: