Telegram-Mini-Apps / telegram-apps

Made from scratch TypeScript packages, examples and documentation you will surely need to start developing on Telegram Mini Apps.
https://docs.telegram-mini-apps.com/
MIT License
693 stars 192 forks source link

[Bug]: iOS Scroll Bug: Page Bottom Lifts on Upward Scroll #499

Closed kisaragi99 closed 3 weeks ago

kisaragi99 commented 1 month ago

Telegram Application

Telegram for iOS

Describe the Bug

When we do upward scroll (pull) we reach the bottom of the page and the bottom of the page lifts as well.

Devices tested:

https://github.com/user-attachments/assets/e7063ee3-e5f7-421c-aeb5-a4e7cdc93fc8

https://github.com/user-attachments/assets/70b233a3-6e36-446f-904e-b86d46dd057a

Used this to change background color on the video: postEvent('web_app_set_background_color', { color: '#53FF73' });

https://github.com/user-attachments/assets/db28f348-e817-4a62-904b-9da4eb5803f7

To Reproduce

Steps to reproduce the behavior: repo: https://github.com/Telegram-Mini-Apps/reactjs-template

1) Install and run this template. 2) Try to do upward scroll (pull your finger from bottom to the top)

Expected Behavior

Bottom of the page should not be lifted.

heyqbnk commented 3 weeks ago

The problem is not in the template nor in the SDK. It is the intended behavior implemented by the Telegram developers.

The other question is "why?"

kisaragi99 commented 3 weeks ago

Thank you for clarification. If it is intended - I do not have any questions.

heyqbnk commented 3 weeks ago

The reason can possible be a different Telegram client version on the older devices.

Maybe it is somehow related to the newer iOS versions. I don't really know. Will be looking for solutions the next month