The Annoying Mobile Double-Tap Link Issue IOS fix CSS

ios-double-tap-button-issue.scss

/*
  The issue apparently according to
  https://css-tricks.com/annoying-mobile-double-tap-link-issue/
  is that having a hover causes safari ios to activate the hover first and
  then the second click activates the link.

  I came across this issue with a link that had a JS click on it but
  had to double click. Thank you Mozilla for the solution
  https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
*/
a.close {
  background: #fc0;
  
  @media (hover: hover) {
    &:hover {
      background: #f00;
    }
  }
}

Definitely an interesting find. Though, sadly still not supported by IE, but more importantly, by Firefox at all. :(