Подсказка CSS/активная сенсорная обратная связь не работает на мобильном устройстве до тех пор, пока не отобразится реакция-select
Я изо всех сил пытаюсь отладить эту проблему. Пока в пользовательском интерфейсе не появится запрос-ответ, обратная связь на мобильных сенсорных элементах не дает обратной связи при касании.
Это можно увидеть здесь, пройдя путешествие на мобильном устройстве до этапа 4: https://odd-panda-design.badgerbookings.com/booking
Когда вы впервые взаимодействуете с элементами, нет обратной связи, однако, когда вы добираетесь до 4-го экрана в пути и нажимаете "Зарегистрироваться" (показывая реакцию), элементы наведения внезапно обеспечивают обратную связь, если вы переходите к ним обратно. Эта проблема касается только мобильных, а не веб-сайтов. Я тестировал iPhone 6 с помощью Chrome.
Ниже представлен элемент выбора реакции, который активирует взаимодействие обратной связи.
Я попытался добавить onTouchStart
и изменить элементы наведения, чтобы включить :active
или :focus
Я не уверен, что это реакция или проблема с JavaScript.
Ответы
Ответ 1
Я уже об этом говорил.
Попробуйте добавить onclick=""
к любому элементу, который требует, чтобы ios распознавался как элемент hover.
В качестве побочного примечания попробуйте абстрагировать проблему. Удалите реакцию select и посмотрите, работает ли она, если нет, продолжите абстрагирование и посмотрите, когда проблема исчезнет.