NEW 232751
Input field does not scroll into view on rotation when keyboard is active
https://bugs.webkit.org/show_bug.cgi?id=232751
Summary Input field does not scroll into view on rotation when keyboard is active
Davy De Durpel
Reported 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
Attachments
Radar WebKit Bug Importer
Comment 1 2021-11-12 02:53:18 PST
Note You need to log in before you can comment on or make changes to this bug.