Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: Close NavigationMenuContent on Click and prevent pointerleave #1315

Open
2 tasks
Moin-chan opened this issue Sep 23, 2024 · 0 comments
Open
2 tasks
Assignees

Comments

@Moin-chan
Copy link

Describe the feature

Requesting a property for NavigationMenuContent to be able to close it ONLY on click outside

Current behavior:
When using :disableHoverTrigger="true" on NavigationMenu component it controls only the opening trigger. But as soon as you leave the content with a pointer - it closes. And I found literally no way how can I prevent or override it.
I need it to close on a click outside content area.
Here is the video to illustrate:
https://www.awesomescreenshot.com/video/31821874?key=d79e8b41de5e2bf0caa2ba0ef0f2688c

disableOutsidePointerEvents on NavigationMenuContent is not an option for me, because I have several links in the Content area and it has to be clickable.
I tried @pointerenter.prevent with @pointerleave.prevent, @mouseleave.prevent and even @interactOutside, @pointerDownOutside and @focusOutside. No chance.

It would be great at least to get which event is firing in the background and on which component. Maybe it´s still possible to prevent it.

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants