title: How to stop safari (on ipad) from firing hover event?
body: <p>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.</p>
  
  <p>After searching around I <a href="https://stackoverflow.com/a/32706770/130015">found this</a> sure enough when I commented out my "display:none" on the button it works. </p>
  
  <p>How can I achieve having it hidden and then changing it to "display:block" without getting this double click issue?</p>