Выберите входы, не отвечающие в мобильном браузере Android

Question

У меня есть простая форма с одним выбранным типом ввода, которая отлично работает во всех настольных браузерах, а также в мобильном Safari.Однако на обоих моих устройствах Android (Samsung Droid и Prevail) выбранный вход не будет реагировать.Я ожидаю, что это вызовет сборщика.У кого-нибудь был подобный опыт?Любой совет?Спасибо.

Answer 1

У меня была эта проблема, и я думаю, что это как-то связано с перекрытием, как вы сказали. Чтобы исправить это, я добавил следующий тег CSS к тегу, подобному следующему:

<select style="position:relative">

Это сделало работу. :)

Answer 2

Только что столкнулся с той же проблемой.

Я использую Bootstrap, и у одного из <div> в нижнем разделе было col-sm-12, но нет правила для xs. Это заставляло его незаметно скрывать все вышеперечисленные элементы ввода в мобильном телефоне. Переключение col-sm-12 на col-xs-12 устранило проблему.

Answer 3

У меня была похожая проблема, и я решил ее с помощью следующего метатега:

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />

И я заметил, что в моем случае, когда родительский элемент был скрыт (и отображен снова), элемент select ведет себя как «отключенный». В android = <2.2 есть ошибка при смене стиля, dom не перерисовывается. Вы можете принудительно выполнить повторную визуализацию DOM, добавив (или изменив) атрибут 'fake' для принудительной повторной визуализации DOM. например: </p>

myPreviousHiddenEl.setAttribute('forceRePaint','yes');