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 | ||
Pier Bover
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Pier Bover
Just confirmed it on a device with iOS 13:
https://youtu.be/08hHIjoVaYk
Radar WebKit Bug Importer
<rdar://problem/59072462>
robgreinhard
I would like to note this is also effecting elements with the content type "position: sticky"