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

[tooltip] Tooltips in Menu items shown immediately after hovering #522

Open
michaldudak opened this issue Aug 2, 2024 · 2 comments
Open
Labels
bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module!

Comments

@michaldudak
Copy link
Member

michaldudak commented Aug 2, 2024

When a tooltip is placed on a menu item, it appears immediately when the item is hovered over, regardless of the delay setting. It is caused by browsers incorrectly applying the focus-visible state even though the menu was interacted with a mouse. Clicking on any other element before opening the menu makes the issue disappear.

Reproduction: https://codesandbox.io/p/sandbox/divine-meadow-xhsjpf

Search keywords:

@michaldudak michaldudak added bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module! labels Aug 2, 2024
@oliviertassinari oliviertassinari changed the title [Tooltip] Tooltips in Menu items shown immediately after hovering [tooltip] Tooltips in Menu items shown immediately after hovering Aug 30, 2024
@onehanddev
Copy link
Contributor

Hi @michaldudak, I’ve been looking into this bug. Would it be possible for me to take it on?

@michaldudak
Copy link
Member Author

Yes, feel free to investigate it. The fix might need to be applied in Floating UI, though.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: tooltip This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

2 participants