Bug 207049

Summary:	[iOS] Scroll bugs when focusing on an input with position fixed
Product:	WebKit	Reporter:	Pier Bover <pierbover11>
Component:	Scrolling	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	dbates, ddkilzer, robgreinhard, simon.fraser, thorton, webkit-bug-importer, wenson_hsieh
Priority:	P2	Keywords:	InRadar
Version:	Safari 13
Hardware:	iPhone / iPad
OS:	iOS 13

Description Pier Bover 2020-01-31 09:00:05 PST

1) When an input field is in a fixed position the scroll jumps in an unexpected manner when the user focuses on the input field.

2) When the input is focused and user scrolls the input can disappear from the viewport.

On both bugs the behavior is the same regardless of whether virtual keyboard is visible or not.

I've reproduced this on iOS 11.4 on the iPhone simulator. Since I'm on High Sierra I cannot test on other iOS versions. I don't have access to a real iPhone to test.

I've tested on an iPad Pro with iOS 12.4. I could only reproduce #2.

You can see the bug in action here: https://www.youtube.com/watch?v=Daa_ctnhG00

Here is the code to reproduce: https://github.com/PierBover/webkit-ios-input-scroll-bug/blob/master/index.html

Here is the rendered HTML to test: https://htmlpreview.github.io/?https://github.com/PierBover/webkit-ios-input-scroll-bug/blob/master/index.html

Comment 1 Pier Bover 2020-01-31 11:45:08 PST

Just confirmed it on a device with iOS 13:

https://youtu.be/08hHIjoVaYk

Comment 2 Radar WebKit Bug Importer 2020-01-31 13:23:32 PST

<rdar://problem/59072462>

Comment 3 robgreinhard 2022-09-25 22:41:52 PDT

I would like to note this is also effecting elements with the content type "position: sticky"