[Webkit-unassigned] [Bug 232751] New: Input field does not scroll into view on rotation when keyboard is active

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=232751

            Bug ID: 232751
           Summary: Input field does not scroll into view on rotation when
                    keyboard is active
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Scrolling
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: davy.de.durpel at supportsquare.io
                CC: simon.fraser at apple.com

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20211105/08d8486e/attachment.htm>