No "Done" button on a keyboard when focusing on a text input in Web Apps

[filippgit]

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

No "Done" button on a keyboard when focusing on a text input in Web Apps. Since Safari's default behavior on iOS does not blur the text field when the user taps outside (unlike Android browsers), it basically leaves them "trapped" inside. The only way to get out that I've found is to lose focus of the entire page (i.e. by triggering a popup).

This occurs only in Web Apps, other webviews are showing the said button (see screenshots).

Input in the example below is a HTML element, however <input type="text"> has the same problem (and I assume other inputs do as well).

Expected Behavior

There is a "Done" button on the keyboard which lets the user complete filling in the text field

Actual Behavior

There is no "Done" button

Steps to Reproduce

1. Open https://t.me/snortingpugbot/app in the iOS client
2. Tap the text field on the top of the page

Screenshots and Videos

https://github.com/TelegramMessenger/Telegram-iOS/assets/35934233/e75159e4-c8fb-43b8-95fc-0e24f4570d3f

Below is the same Web App's URL opened in a standard Telegram webview:

Environment

Device: iPhone 11

iOS version: 16.7

App version: 10.10

[kubk]

Nice catch. I agree that the lack of this button makes forms harder to fill out, especially when you need to switch from one input to another. Would be nice to see it fixed 🙏

[azabroflovski]

same issue? any updates?