Mini App scrolls by iOS device's safe-area at bottom

[rnakashiro]

Platform

Select platforms where this bug is reproducible:

• [ ] Telegram for Android
• [x] Telegram for iOS
• [ ] Telegram for macOS
• [ ] Telegram Desktop
• [ ] Telegram Web A
• [ ] Telegram Web K

Describe the bug

When opening implemented mini-apps on iOS device, the screen scrolls an extra amount equal to the height of the safe-area at the bottom.
When I tried displaying the mainButton, it was fixed in place and worked correctly.

So, I think it would be better to have the SDK handle the safe-area correctly when the mainButton is not displayed.

Additionally, I tried using the disableVerticalSwipe feature of SwipeBehavior, but since this feature is intended to prevent the app from closing by swipe, I recognize that a different solution is needed by SDK.

• when mainButton is not displayed

• when mainButton is displayed

To Reproduce

Steps to reproduce the behavior:

1. Implement a Mini App
2. Open the app on iOS device, and scroll

Expected behavior

The SDK should either avoid adding the extra safe area height or provide an option to disable it.

[Prooksius]

The same issue, I have a bottom menu in my Mini app with position: fixed and it jumps up exactly on safearea bottom when i'm scrolling to the page bottom.

MainButton however stays steady, not jumping while scrolling to the bottom.

May be there is a workaround for bottom fixed menus in Mini apps. Everything I've found googling this issue is not working in Mini apps.

[Prooksius]

I've found a workaround to fix this issue, when MainButton is not shown:

• body and html must have height: 100lvh and overflow: hidden;
• scrollable div inside a body with overflow: scroll (maybe auto) and height: 100% minus bottom menu height (if present);
• bottom menu with position: fixed, placed outside the scrolling div (if needed)
• attach all scroll event listeners to this scrollable div, not to window