Пожалуйста, запустите демонстрацию на устройстве iOS.
У меня есть две страницы с похожими элементами (которые имеют :hover
состояния), и нажатие на любой элемент на первой странице приведет вас на вторую страницу.
Проблемы:
:hover
сохраняется между страницами - расположение
:hover
остается идентичным (попробуйте нажать разные ссылки)
Это происходит до тех пор, пока вы снова не будете взаимодействовать со страницей.
Демонстрация: https://codesandbox.io/s/ios-persisting-hover-state-se3m1
Кто-нибудь испытывал это раньше? Какие решения я должен это исправить? Скорее всего, нет необходимости добавлять класс типа no-touch
везде, где я делаю парящие состояния в моем CSS, если это возможно.
Спасибо!