На ios в safari, когда активна клавиатура, контент помещается во

Question

На ios в safari, когда активна клавиатура, контент помещается во

вью порт, который можно проскролить. Если начать скролл на фиксированном элементе, как в моем случае - поле ввода, то произойдет сдвиг этого вью порта. Если скролить сам чат, то сдвига не будет.

Я хочу избежать такого поведения. Весь день поиска в гугле дал понять что отключить этот функционал нельзя, тк это уже система, но я нашел аналогичную ситуацию в мобильной версии m.vk.com

Они каким то образом блокируют ивенты тача, и вьюпорт не скролится вверх, тем самым не создавая лишнюю пустоту.
Но если сделать zoom out двумя пальцами, а затем переместить вьюпорт выше, то это пустое поле появится, и будет вести себя как обычно.

Код на сайте вк минифицирован и разобраться что за это отвечает у меня не получается. Как понять какой код отвечает за блокировку тача?

#frontend #javascript #programming #react.js #russian

0

07.12.2020

9 ответов

21 просмотр

. Автор вопроса

Vladislav Stepanov
высота всего чата задается в vh? сафари вообще хуе...

В процентах

0

07.12.2020

Vladislav Stepanov

.
В процентах

https://blog.opendigerati.com/the-eccentric-ways-of-ios-safari-with-the-keyboard-b5aa3f34228d

0

07.12.2020

. Автор вопроса

Vladislav Stepanov
https://blog.opendigerati.com/the-eccentric-ways-o...

Да, я ситал эту статью. В мобильнйо версии вк им удалось с помощью трюка с блокировкой тачмув, обойти этот момент

0

07.12.2020

Vladislav Stepanov

.
Да, я ситал эту статью. В мобильнйо версии вк им у...

почитай комменты, говорят visual viewport api помогает с этим

0

07.12.2020

. Автор вопроса

Vladislav Stepanov
почитай комменты, говорят visual viewport api помо...

viewport api пофиксили в 13 версии ios, но в предыдущих версиях проблема остается. Вк смогли обойти

0

07.12.2020

Vladislav Stepanov

.
viewport api пофиксили в 13 версии ios, но в преды...

https://stackoverflow.com/questions/56351216/ios-safari-unwanted-scroll-when-keyboard-is-opened-and-body-scroll-is-disabled

0

07.12.2020

Vladislav Stepanov

.
Да, я ситал эту статью. В мобильнйо версии вк им у...

почитай комменты, говорят visual viewport api помогает с этим

0

07.12.2020

. Автор вопроса

Vladislav Stepanov
почитай комменты, говорят visual viewport api помо...

На ios 13+, у меня 12. Но мобильная версия vk рабоатет как надо, а значит они обошли это блокировкой тача в той области, что я и показал на видео, но повторить это у меня не удается

0

07.12.2020

Vladislav Stepanov · Accepted Answer

Vladislav Stepanov

высота всего чата задается в vh? сафари вообще хуево работает с vh, лучше поменять на проценты

0

07.12.2020

169 похожих чатов

На ios в safari, когда активна клавиатура, контент помещается во

9 ответов

Похожие вопросы