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.

Sign up for GitHub

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

Jump to bottom

UTooltip arrow is not hidden on mobile devices #1470

Closed
GelsDEV opened this issue Mar 4, 2024 · 0 comments · May be fixed by SamandarTemirxodjayev/goshtbor#26, SamandarTemirxodjayev/goshtbor#28 or SamandarTemirxodjayev/goshtbor#29
Closed

UTooltip arrow is not hidden on mobile devices #1470

GelsDEV opened this issue Mar 4, 2024 · 0 comments · May be fixed by SamandarTemirxodjayev/goshtbor#26, SamandarTemirxodjayev/goshtbor#28 or SamandarTemirxodjayev/goshtbor#29
Labels
bug Something isn't working

Comments

@GelsDEV
Copy link

GelsDEV commented Mar 4, 2024 •
edited
Loading

Environment

Operating System: Windows 11 / Chrome 122.0.6261.95

Version

v2.14.1

Reproduction

Tooltip - Nuxt UI Docs

Description

When I open the Nuxt Docs with a desktop computer, a tooltip with an arrow looks like this:
image

If I now open this page on mobile or inside the chrome device toolbar, the tooltip is hidden, but the arrow is still displayed when I click/touch the button:
image

Adding [@media(pointer:coarse)]:hidden from tooltip.base also to arrow.base in tooltip.ts might fix the issue.

Additional context

No response

Logs

No response
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
1 participant
@GelsDEV