Bootstrap 3 модальный с длинной формой на iPhone не прокручивается, если вы касаетесь поля ввода

Question

Я использую Bootstrap 3, и у меня есть длинная форма, которую пользователи должны будут прокручивать, чтобы добраться до всех полей. Что происходит, если вы касаетесь поля ввода, чтобы запустить свой свиток, он просто блокируется. Этого не происходит на телефонах Android.

Я не могу дать вам ссылку на мой точный код, но если вы идете сюда и нажмите на первую демо на Iphone вы будете видеть, что происходит: http://jschr.github.io/bootstrap-modal/

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

Кроме того, симулятор iphone в xcode показывает то же самое.

Answer 1

Я установил очень похожую проблему, где иногда на iPhone, фоновые свитки, а не модальные. Попробуйте отключить гладкую прокрутку webkit на модуле и отключить прокрутку на корпусе, когда модаль открыт

body.modal-open { 
    position: fixed; 
    overflow: hidden; 
    left:0; 
    right:0; 
} 
.modal{ 
    -webkit-overflow-scrolling: auto; 
}