Я обнаружил некоторые проблемы с кнопкой-флажком в приложении Bigcommerce, когда она используется в iOS на мобильных / сенсорных устройствах.
У меня есть кнопка-флажок с надписью и: эффект при наведении, и iPhone нужно дважды нажать, чтобы проверитькнопка.Первое нажатие активирует: hover, а второе установите флажок.
Если я уберу галочку с кнопки одним нажатием, то на ней останется эффект: hover.
Я пробовал несколько способов с помощью javascript, чтобы избежать их: - триггер click () на touchstart / touchend - попытка обновить CSS, заменив: hover на: active - onclick = "void (0)" в элементах html
Мой тест в локальной среде полностью функционален, но в производственной среде возникает проблема двойного нажатия.
ссылка на страницу находится здесь: https://links.ricompro.it/test-css-button-ios-safari, и это происходит нанижняя часть страницы, где вы можете найти флажки.