У меня есть страница, которая прекрасно работает во всех мобильных браузерах, но ведет себя странно, когда открывается в мессенджере Facebook на iOS, который открывает страницу в браузере внутри приложения. Вот что происходит:
- Страница загружается, автоматически фокусируется на поле ввода, которое открывает виртуальную клавиатуру (что является желательным поведением).
- Когда вы нажимаете «готово», клавиатура рушится, и пользователь должен нажать кнопку («volgende») в нижнем колонтитуле.
- Кнопка нижнего колонтитула не работает, но вместо этого браузер считает, что кнопка находится выше, где на изображении находится красная рамка, и реагирует на сенсорные события.
Нижний колонтитул имеет свойство position: fixed. Я пытался решить ее по-другому, просто используя position: static по умолчанию в нижнем колонтитуле и используя flex: 1 в элементе выше (обертка имеет display: flex с flex-direction: column), но это не решило проблему, только несколько изменилось положение красной области.
Кто-нибудь сталкивался с подобными или подобными проблемами раньше?
