chinchang / hint.css

A CSS only tooltip library for your lovely websites.

Home Page:https://kushagra.dev/lab/hint/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tool tip not gone in mobile when touch on the screen

babakjahangiri opened this issue · comments

commented

I used hint with bootstrap dropdown menu and It worked fine in desktop mode , but when I have tested it with my cellphone browser (chrome , safari) or my tablet I see a tool tip still on screen .

scenario : when I press on button(dropdown button or href link which appear bs menu) hint act as a hover and bootstrap menu dropped bythetime I touch on button again bootstrap menu closed but tool tip still on the screen , when I touch on free space on screen the tool tip still alive on screen .

The tooltip should have gone away on clicking the free space. A small test case for your scenario on CodePen or somewhere would be really helpful in debugging this.

commented

I prepare a CodePen Case for you ,

https://codepen.io/babakjahangiri/pen/EyVJLj

But I can not call this as a bug , I can say this is some unwanted behavior according my preferences .It would be good if the hint.css has the item which we can manage the lost focus behavior in such as these case which I show in the example .. please open the example just in mobile browser not in desktop machine. senario 1-click on user icon , 2-menu is open 3-again click on user icon 4- menu will close but still tooltip apear .. anway its according your desire or users desire . this should be like this or not . if you think this is a big deal please find solution for that :)

Thank You