russell-hustle / lyrical

A lyrics fill in the blank game that integrates with Spotify
https://spotify-lyrical.netlify.app
3 stars 0 forks source link

Tool tips not going away on mobile #11

Closed human37 closed 3 years ago

human37 commented 3 years ago

We need to check if the user is on mobile and then remove the tool tips. Because randomly if you click the leaderboard or more info the tooltip gets displayed over the content and won't go away until you tap somewhere else.

human37 commented 3 years ago

I noticed this issued on safari for iOS

evad1n commented 3 years ago

iOS is cringe

evad1n commented 3 years ago

For real tho I don't have safari Quick google might help: first result I don't think it's too complex so you should do it as you can actually test it on safari

evad1n commented 3 years ago

this is what I would try: https://stackoverflow.com/questions/53769291/using-vuetify-tooltip-v-tooltip-component-with-an-external-activator-i-e-not The comment about binding v-hover to v-model

human37 commented 3 years ago

Thanks when I get some more time today I will look into this, Have you tried testing on chrome mobile to see if you get similar issues? I can download it also right now.

evad1n commented 3 years ago

Im pretty sure it is just safari cuz apple. I havent noticed anything

human37 commented 3 years ago

Yeah you're probably right, I'll put in a PR today for it

human37 commented 3 years ago

[image]()

evad1n commented 3 years ago

IOS tooltip workaround