Mini-App - webpage slides under mobile keyboard after entering text

[Glider-of-chaos]

Checklist

• I am reporting an issue in existing functionality that does not work as intended
• I've searched for existing GitHub issues

Description

Telegram iOS mini-app - virtual keyboard overlaps half of the webpage and hides an input field after some text is entered.

Expected Behavior

Page should not move down the screen after entering text on virtual keyboard

Actual Behavior

Page moves once text is entered

Steps to Reproduce

1. Open following page from mini-app: https://glider-of-chaos.github.io/bug-telegram-bot-input/
2. Click on the input field in the lower part of the page (virtual keyboard appears)
3. Start pressing buttons on virtual keyboard

Screenshots and Videos

text_overlap_2024-08-02_10-33-55.mp4

Environment

Device: iPhone SE 2020

iOS version: 17.5.1

App version: 10.15 (29365)

[Glider-of-chaos]

May be linked with #1472

[ivandzen]

This is very frustrating. It forces us to develop workarounds and even redesign pages. Also, seems like it should be solved by #1430

[ivandzen]

It would be sooo helpful, if anyone can force this fix to be released. Actually i dont understand, how such critical bugs can still exists in application for such a long time? It rouines user experience.

[volkovcute]

+1 +1 +1

We are still waiting for a fix.

[mobius77]

need this fix

[EM1111N]

Need to fix it, please. This ruins the user experience.

[EM1111N]

+1 +1 +1

[Kolger]

+1

[mihail727]

+1
We also faced this problem... can't implement modals with input properly.

[TimurMunykin]

+1 the same

[Rodion15]

+1

[Kolger]

up

[kolhir]

Maybe someone has options for the bypass paths of this?

[AseWhy]

+1

[CyberLess]

+1