iOS Safari Double Tap Button Проблема

Question

Я создаю мобильное приложение с Meteor, и у меня возникают проблемы с кнопками в веб-обозревателе Safari. Кажется, что в абсолютно случайных временах и кнопках я вынужден дважды нажать на что-то, чтобы щелкнуть, чтобы зарегистрироваться. Я много разбираюсь в проблемах, и все ответы не сработали для меня.

Практически все кнопки/ссылки в моем приложении используют javascript для своей функции. Я не использую :hover в моем CSS.

Я не могу найти ни одного шаблона или причины того, когда это произойдет. Кажется совершенно случайным. Это заставляет мое приложение чувствовать себя невосприимчивым и медленным, потому что вам нужно дважды нажать половину материала для регистрации. Кажется, что не происходит, когда я использую приложение в браузере рабочего стола.

Кто-нибудь сталкивался с этой проблемой раньше или знал о решениях?

Answer 1

Это довольно распространенная проблема. См:

https://css-tricks.com/annoying-mobile-double-tap-link-issue/ http://cssmenumaker.com/blog/solving-the-double-tap-issue-on-ios-devices

Answer 2

Я столкнулся с этой проблемой со ссылкой на моей странице, так что я применил этот SCSS решение/CSS. Возможно ли с вашей установкой, чтобы наведение было добавлено в другое место в некоторые из ссылок ..? даже если нет изменения стиля.?

https://gist.github.com/PocketNinjaDesign/689e16e412a88dfd36dd08b26bebcacf

a.close { 
    background: #fc0; 

    @media (hover: hover) { 
    &:hover { 
     background: #f00; 
    } 
    } 
} 

, как указано в mozzilla документы ;-) https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover