iOS HTML Input Tag останавливает прокрутку в прокручиваемом элементе

Мой мобильный сайт имеет фиксированный прокручиваемый элемент ( overflow-y:auto ), содержащий теги input . На iPhone и iPad прикосновение и перемещение по input тэгам блокируют элемент от прокрутки, но касание и перемещение по меткам (или что-либо еще) – нет. Эта проблема не возникает на Android.

input теги были частью table прежде чем я переключился на div s для макета, и прокрутка работала тогда для iOS и Android. Есть ли причина, по которой прокрутка заблокирована, когда input теги не находятся в table ? Я действительно предпочитаю не возвращаться к table для макета.

Я также попробовал -webkit-overflow-scrolling: touch и он исправил проблему для iPhone, но не позволяет полностью прокручивать iPad на вершине, позволяя пользователям прокручивать горизонтально, чего я не хочу.

ОБНОВЛЕНИЕ: Если активна мягкая клавиатура, все работает по назначению. Только когда клавиатура не активна, когда я получаю проблему.

Проблемой может быть браузер. Вы используете сафари или другой браузер? Может быть, обновление браузера или попытка его использования на другом устройстве iOS будут работать?

  • событие touchMove на мобильном сафари - приводит к перетаскиванию всей страницы
  • Обнаружение воспроизведения видео в компоненте WKWebView
  • Что делает <meta name = "viewport" content = "width = device-width"> в ландшафтном режиме на iOS?
  • Рекомендуемая альтернатива webkit для серверных событий на iOS
  • -webkit-transform Запрещает страницу с загрузки
  • Как получить слово в указанном месте на WKWebView?
  • проблема с прокруткой webkit-переполнения с осью x?
  • flexbox не работает (заказывается) на iOS
  • Быстрый переход в UIWebView и WKWebView
  • iOS 9 `-webkit-overflow-scrolling: touch` и` overflow: scroll` перерывы прокрутки
  • Чтение трассировки стека iOS Webkit
  • Давайте будем гением компьютера.