TelegramMessenger / Telegram-iOS

Telegram-iOS
6.33k stars 1.66k forks source link

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

Open Glider-of-chaos opened 2 months ago

Glider-of-chaos commented 2 months ago

Checklist

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

https://github.com/user-attachments/assets/19683bb1-86b3-4563-88ef-ea3a2dafee03

Environment

Device: iPhone SE 2020

iOS version: 17.5.1

App version: 10.15 (29365)

Glider-of-chaos commented 2 months ago

May be linked with #1472

ivandzen commented 1 month ago

This is very frustrating. It forces us to develop workarounds and even redesign pages. Also, seems like it should be solved by https://github.com/TelegramMessenger/Telegram-iOS/pull/1430

ivandzen commented 1 month ago

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.