-
-
Notifications
You must be signed in to change notification settings - Fork 216
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
[Bug]: Tooltip appearance issues with touch-devices #1223
Comments
Thanks for the issue @7iomka ! Seems like there's some error running the reproduction 😬 |
Thanks for the issue @7iomka ! Seems like the tooltip was being render a split second causing the animation to flickers. Happening on https://www.shadcn-vue.com/docs/components/tooltip.html too. Looking into this 😁 |
@zernonia Hi. I tried different workarounds, like
but, unfortunately, tooltips opens randomly, one for 3-4 attempts when I click to different triggers. Why this happens? |
@zernonia Any news on this? |
Environment
Link to minimal reproduction
https://stackblitz.com/edit/mus4ig?file=components%2Ftooltip%2FTooltipContent.vue,layouts%2FLayoutDefault.vue,pages%2Findex%2F%2BPage.vue
Steps to reproduce
Describe the bug
I see unexpected appearance issues on touch devices.
Tooltip content very quickly appears and hide.
Another strange behavior is that when we leave the page (go to another tab) and come back - the content will be visible!
Expected behavior
I expected fallback behavior for hover events for touch devices to work exactly the same
Context & Screenshots (if applicable)
Video with animation appearance classes enabled:
demo.mov
Video without animation appearance classes enabled:
demo-no-anim.mov
The text was updated successfully, but these errors were encountered: