TelegramMessenger
Webapp buggy viewport for keyboard
Checklist
- [x] I am reporting an issue in existing functionality that does not work as intended
- [x] I've searched for existing GitHub issues
Description
The problem with ios keyboard and webapp exist since webapp exists When a input exist under the keyboard telegram tries to show it but it shows half of the input also sometimes even with disabled overflow on webapp a weird scrollbar appear and you can basically scroll webapp or sometimes even gesture is not working and you should close the webapp and open it again Android version handle this very perfectly so I upload both ios and android with same environment to see difference between these two platform
First when I came across with this issue I just add some bottom margin to input and make it top of the screen but this won't work in every situation like limited height and etc
Expected Behavior
What I want you to do is disable that weird scrollbar if webapp owner want scrollbar he allow overflow and also when the keyboard opens bounce the whole webapp up to input be visible so user have better UX
Screenshots and Videos
This is on android : https://github.com/user-attachments/assets/f579510f-95d9-4f9a-b6db-57cfe99b9b68
This is on IOS https://github.com/user-attachments/assets/3451844e-1353-4685-b64f-0588fb246a17
Environment
Device: iPhone/iPad X
iOS version: 18.1.1
App version: 11.4.1
Device: Android/Xiaomi Poco X3
Android version: 12
App version: Plus 11.2.3.0
On IOS looks like this is exactly this issue: https://github.com/TelegramMessenger/Telegram-iOS/issues/1410
On Android: did you try play with overscroll-behaviour and interactive-widget ?
