-
Notifications
You must be signed in to change notification settings - Fork 92
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
On touch devices, tooltip stays open until another element is tapped #358
Comments
|
🤦♀️🤦♀️🤦♀️ Thank you so much. I was so focused on the Since the docs state that the default is |
Hey @atomiks, are you willing to accept a docs PR related to this? |
Exactly the same happened to me today. 🙂 |
Repro Steps
Actual Behavior
You should see a single message in the console: "mouseEnter". This means that the
mouseEnter
event has fired butmouseLeave
has not fired. I have no idea why the browser triggersmouseEnter
when simulating a touch device.In the Sandbox, the
mouseEnter
does not actually cause the tooltip to show, and I'm not sure why this is. In two of my real applications, tapping a Tippy-wrapped element in responsive design mode does cause the tooltip to appear.And since the
mouseLeave
event never fires, the tooltip stays visible until the user taps another element. This can be undesirable in some cases — for example, tapping the Tippy-wrapped element opens a modal dialog in my application, and the tooltip displays over top of the dialog.Desired Behavior
I want to just disable the
Tippy
entirely on touch devices so that the tooltip only shows when hovering with a mouse. I can't figure out how to do this since the touch devices are triggeringmouseEnter
.Additional Context
All testing done with latest versions:
tippy.js
6.3.7 and@tippyjs/react
4.2.6.The text was updated successfully, but these errors were encountered: