Bug 232751

Summary:	Input field does not scroll into view on rotation when keyboard is active
Product:	WebKit	Reporter:	Davy De Durpel <davy.de.durpel>
Component:	Scrolling	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	akeerthi, dbates, megan_gardner, simon.fraser, webkit-bug-importer, wenson_hsieh
Priority:	P2	Keywords:	InRadar
Version:	Safari 15
Hardware:	Unspecified
OS:	Unspecified

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>