Home How to stop safari (on ipad) from firing hover event?
Reply: 1

How to stop safari (on ipad) from firing hover event?

chobo2 Published in 2017-11-15 00:09:18Z

I have a button that is fixed on my page and when you start to scroll it appears. I noticed on ipad safari I have to click this button twice to fire the click event once.

After searching around I found this sure enough when I commented out my "display:none" on the button it works.

How can I achieve having it hidden and then changing it to "display:block" without getting this double click issue?

floor Reply to 2017-11-15 00:28:06Z

You can use css position instead to place it off screen:

.hide {
   position: absolute;
   left: -999em;

You could also try the visibility property

.hide {
   visibility: hidden;

w3c example

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.4123 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO