Telegram-iOS icon indicating copy to clipboard operation
Telegram-iOS copied to clipboard

[Mini Apps] Incorrect viewport shift when OSK is open

Open nikitabelotelov-ciliz opened this issue 6 months ago • 1 comments

Issue in telegram-mini-apps repo

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

There is an unexpected gap between the on-screen keyboard and the input field within a Telegram Mini App when the keyboard is active. The input field is intended to be positioned at the bottom of the screen, but upon activating the OSK, there is a visible space separating the two, which is not consistent with the expected UI layout.

Expected Behavior

The expected behavior is that when the on-screen keyboard is activated, the input field should align directly above the keyboard without any noticeable gaps.

Actual Behavior

There is a gap between OSK and input, when input is position at the bottom of the app.

Steps to Reproduce

  1. Open @nb_bottle_bot in telegram on ios
  2. Open mini app by clicking the menu button
  3. Focus on the input field to bring up the iOS on-screen keyboard.
  4. Observe that there is a gap between the bottom of the input field and the top of the on-screen keyboard.

Screenshot

image

Environment

Device: iPhone

iOS version: 17.X

App version: 10.3.1

nikitabelotelov-ciliz avatar Dec 08 '23 18:12 nikitabelotelov-ciliz

Seems connected to the issue I've just reported: #1385 The gap looks like it should be filled with a system keyboard's panel featuring two pagination buttons and a "Done" button

filippgit avatar Apr 02 '24 23:04 filippgit