Open Kristinita opened 3 years ago
I couldn’t find, how I can solve sticky hover problem on touch screen devices.
Tested on the BrowserStack:
I opened Balloon.css web page → left-click to any Hover me! button → I have taken away the cursor from this button.
Hover me!
The tooltip disappears after I have taken away the cursor.
The tooltip continues to show.
I’m not sure that sticky hover is the best idea.
Destination, accessibility.
See the real example:
Due to the non-disappearing tooltip, the site visitor doesn’t see part of the text.
I tried CSS Media Queries Level 4 and another solutions on the Stack Overflow question, but I didn’t understand how I can apply this to Balloon.css.
Thanks.
1. Summary
I couldn’t find, how I can solve sticky hover problem on touch screen devices.
2. MCVE
2.1. Environment
Tested on the BrowserStack:
2.2. Steps to reproduce
I opened Balloon.css web page → left-click to any
Hover me!
button → I have taken away the cursor from this button.2.3. Behavior
2.3.1. Desired
The tooltip disappears after I have taken away the cursor.
2.3.2. Current
The tooltip continues to show.
3. Argumentation
I’m not sure that sticky hover is the best idea.
3.1. Common reasons
Destination, accessibility.
3.2. Details
See the real example:
Due to the non-disappearing tooltip, the site visitor doesn’t see part of the text.
4. Not helped
I tried CSS Media Queries Level 4 and another solutions on the Stack Overflow question, but I didn’t understand how I can apply this to Balloon.css.
Thanks.