Проблема в iOS при заполнении формы в iframe

Question

У меня есть iframe, который содержит форму. Все отлично работает в настольных и Android устройств, а также в iPad. Но в случае iphone 8+ и iphone 7, iOS - 11.3, в тот момент, когда я начинаю печатать внутри любого поля - текстового поля или текстовой области в этом iframe, страница автоматически прокручивается вниз, поэтому пользователь не может видеть данные, которые он / она вводит в поле. Это происходит как для Safari, так и для Chrome в iOS. iframe инициализируется следующим образом:

<iframe ng-src="myUrl" ng-if="model.seat.survey_url" width="100%" height="100%" border="0" style="border-style: none; height:100%;overflow:hidden;width: 100%;" scrolling="no"></iframe>

Этот iframe загружается в модал начальной загрузки и используется angularjs.

Answer 1

Попробуйте добавить следующий CSS-код на родительскую страницу, если вы можете, это исправило ту же проблему для меня.

html, body {
   height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}