У меня есть блок с чатом. Он на моб. экранах растянут на 100dvh. Сверху хэдер, снизу форма с инпутом, посередине контент чата. Обертка блока это флекс с flex-direction: column. Контент чата flex-grow: 1 и overflow: auto. То есть Шапка прибита к верху, снизу форма и контент чата все свободное пространство. Если сообщений много - то скролл.
Это прекрасно работает на андроиде и десктопе. На айфоне такая проблема, я получаю фокус инпута, появляется экранная клавиатура. При открытой клавиатуре я скролю контент чата, но уплывает весь блок кверху и появляется скролл на всей странице. При закрытии экранной клавиатуры, все становится нормально. Я пробовал html, body делать overflow hidden, ограничивать высоту, но это не помогает.
Если кто-то знает решение проблемы буду признателен. Спасибо.
Простой
