Bug 207049 - [iOS] Scroll bugs when focusing on an input with position fixed
Summary: [iOS] Scroll bugs when focusing on an input with position fixed
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-01-31 09:00 PST by Pier Bover
Modified: 2022-09-25 22:41 PDT (History)
7 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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"