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

Prevent event bubbling in nested elements with tooltips #54

Closed
tilonorrinco opened this issue Jul 8, 2018 · 2 comments
Closed

Prevent event bubbling in nested elements with tooltips #54

tilonorrinco opened this issue Jul 8, 2018 · 2 comments

Comments

@tilonorrinco
Copy link

tilonorrinco commented Jul 8, 2018

In my app I have two nested divs, each div has personal tooltip.
When I hover nested div I see two tooltips: one of hovered div, and other of parent div (due to bubbling).
How can I prevent such behavior? Here I have the reproduction of the case:
http://jsbin.com/cofunaj
(the behavior I try to reach is to show only one tooltip when yellow div is hovered)
Thank you!

@tilonorrinco tilonorrinco changed the title Nested elements each one with personal tooltip Prevent event bubbling in nested elements with tooltips Jul 8, 2018
@KABBOUCHI
Copy link
Owner

I didn't find a solution and there no mention for nested tooltips at TippyJS docs, can you open a issue at TippyJS? https://codesandbox.io/s/6y6k0kl1lw (re-made it using tippyjs only)

@tilonorrinco
Copy link
Author

Solution of issue here:
atomiks/tippyjs#259
KABBOUCHI, thanx for help!

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

No branches or pull requests

2 participants