Подсказка CSS/активная сенсорная обратная связь не работает на мобильном устройстве до тех пор, пока не отобразится реакция-select

Я изо всех сил пытаюсь отладить эту проблему. Пока в пользовательском интерфейсе не появится запрос-ответ, обратная связь на мобильных сенсорных элементах не дает обратной связи при касании.

Это можно увидеть здесь, пройдя путешествие на мобильном устройстве до этапа 4: https://odd-panda-design.badgerbookings.com/booking

Когда вы впервые взаимодействуете с элементами, нет обратной связи, однако, когда вы добираетесь до 4-го экрана в пути и нажимаете "Зарегистрироваться" (показывая реакцию), элементы наведения внезапно обеспечивают обратную связь, если вы переходите к ним обратно. Эта проблема касается только мобильных, а не веб-сайтов. Я тестировал iPhone 6 с помощью Chrome.

Ниже представлен элемент выбора реакции, который активирует взаимодействие обратной связи.

enter image description here

Я попытался добавить onTouchStart и изменить элементы наведения, чтобы включить :active или :focus

Я не уверен, что это реакция или проблема с JavaScript.

Ответ 1

Я уже об этом говорил.

Попробуйте добавить onclick="" к любому элементу, который требует, чтобы ios распознавался как элемент hover.

В качестве побочного примечания попробуйте абстрагировать проблему. Удалите реакцию select и посмотрите, работает ли она, если нет, продолжите абстрагирование и посмотрите, когда проблема исчезнет.