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

[Bug Report][3.3.11] V-tooltip doesn't work on mobile Android devices #17949

Open
demariaw opened this issue Aug 2, 2023 · 7 comments
Open
Assignees
Labels
C: VOverlay VOverlay C: VTooltip VTooltip P: high The issue is of high importance platform specific The issue only occurs on a specific platform T: bug Functionality that does not work as intended/expected
Milestone

Comments

@demariaw
Copy link

demariaw commented Aug 2, 2023

Environment

Vuetify Version: 3.3.11
Vue Version: 3.3.4
Browsers: Chrome 115.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

The Tooltip component works correctly on iOS devices but not for Android devices. If you follow the Codepen on Chrome browser using an Android device such as Google Pixel 7 or Samsung Galaxy s22 and click the tooltip nothing happens. However these work for iOS devices.

Expected Behavior

The tooltip should work for the button, icon and text on all devices.

Actual Behavior

Tooltip worked for iOS devices such as iPhone 12 v14.1 but not for Android devices Google Pixel 7 or Samsung Galaxy s22

Reproduction Link

https://codepen.io/Demaria-Woods/pen/OJadWBo

@lospoy
Copy link

lospoy commented Aug 2, 2023

Can confirm that the tooltip does not work on Android 13, using Chrome 115.0.5790.138

However, it does work on Android 13, using Firefox 115.2.1

Perhaps a Chromium-specific issue and not Android? Did you use Chrome on iOS?

@demariaw
Copy link
Author

demariaw commented Aug 2, 2023

Can confirm that the tooltip does not work on Android 13, using Chrome 115.0.5790.138

However, it does work on Android 13, using Firefox 115.2.1

Perhaps a Chromium-specific issue and not Android? Did you use Chrome on iOS?

@lospoy I am seeing it working as well on Android 13 with Firefox. I did use Chrome for iOS as well

@websitevirtuoso
Copy link
Contributor

Yes the same on my android. it works on firefox but doesn't work on google chrome

@mostafaznv
Copy link

I can confirm that it doesnt work on macos too.

os: mac
browser: chrome (responsive tool)

@Pazza
Copy link

Pazza commented Jan 13, 2024

As of latest versions (vuetify and chrome) it still doesn't work. Doesn't work in vuetify's own docs.

@Jupdi
Copy link

Jupdi commented Feb 19, 2024

Also not working for us, a fast solution would be great. Anyone having a workaround?

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected platform specific The issue only occurs on a specific platform P: high The issue is of high importance C: VTooltip VTooltip C: VOverlay VOverlay labels Feb 20, 2024
@KaelWD KaelWD self-assigned this Feb 20, 2024
@KaelWD KaelWD added this to the v3.5.x milestone Feb 20, 2024
@xiscohv
Copy link

xiscohv commented Apr 8, 2024

Do you happen to have any news on this bug? My web application is in production, and the tooltip fails on every Android device.

@johnleider johnleider modified the milestones: v3.5.x, v3.6.x Apr 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VOverlay VOverlay C: VTooltip VTooltip P: high The issue is of high importance platform specific The issue only occurs on a specific platform T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

9 participants