-
Notifications
You must be signed in to change notification settings - Fork 1.1k
navigation-menu disableOutsidePointerEvents does not work #2731
Copy link
Copy link
Closed
Labels
Description
Bug report
Current Behavior
Adding disableOutsidePointerEvents cause open/close flickering
Expected behavior
As according to the docs:
When true, hover/focus/click interactions will be disabled on elements outside the bounds of the component. Users will need to click twice on outside elements to interact with them: Once to close the navigation menu, and again to activate the element.
The Content should stay open when the mouse pointer leaves the Content area
Reproducible example
Open the CodeSandbox linked from the docs and add the disableOutsidePointerEvents prop on the <NavigationMenu.Content> components
Additional context
Maybe I misinterpreted the prop? Or should it be used in tandem with other props?
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | @radix-ui/react-navigation-menu |
1.1.3 |
| React | n/a | 18.2.0 |
| Browser | ||
| Assistive tech | ||
| Node | n/a | |
| npm/yarn | ||
| Operating System |
Reactions are currently unavailable