Bug 232751 - Input field does not scroll into view on rotation when keyboard is active
Summary: Input field does not scroll into view on rotation when keyboard is active
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari 15
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-11-05 03:52 PDT by Davy De Durpel
Modified: 2021-11-12 02:53 PST (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Davy De Durpel 2021-11-05 03:52:20 PDT
If you have a simple input element on a page and you press it in landscape, the software keyboard slides in and moves the page so that the input box is visible.  However when rotating the device no such action is done and you can no longer see what you're typing unless you do a manual scroll.

Besides that there's some other related issues as well that make for a very poor user experience :
- as of the second rotation from portrait to landscape, the browser header remains visible so the viewports becomes very narrow
- if multiple tabs are open, then these are shown in a tab bar which reduces the viewport on an iPhone to as good as nothing
- trying to get the input box into focus with scrollIntoView() does not work either

I can't find this issue in the issue tracker, but I would be surprised if nobody already mentioned it.
I'm experience the issue on 15.1 and 15.2 beta on iPhone and iPad but I suspect that older versions are also impacted.

This pen was created for another issue but it can also be used for this issue:

https://codepen.io/WartClaes/pen/gORGJPJ
Comment 1 Radar WebKit Bug Importer 2021-11-12 02:53:18 PST
<rdar://problem/85337032>