Bug 153224
| Summary: | Tapping into an <input> within a position:fixed element scrolls to the top of the page | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Chris Rebert <webkit> |
| Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | aklapec, bfulgham, bugs.webkit.org, cdemars86, nanjie, simon.fraser, touko.vk, zalan |
| Priority: | P2 | Keywords: | HasReduction, InRadar |
| Version: | Safari 9 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 10 | ||
| URL: | http://output.jsbin.com/qicigu/1 | ||
| Bug Depends on: | |||
| Bug Blocks: | 159753 | ||
Chris Rebert
iOS version: 9.2
Testcase: http://output.jsbin.com/qicigu/1
Original Bootstrap bug report: https://github.com/twbs/bootstrap/issues/17497
Steps to reproduce:
1. Open http://output.jsbin.com/qicigu/1 in iOS Safari.
2. Scroll to the bottom of the page.
3. Tap the "Open modal" button.
4. A yellow overlay appears.
5. Tap on the <input> that has the text "Click here".
Actual result:
The page scrolls to the top, the input becomes focused, and the on-screen keyboard appears.
Expected result:
The input should become focused and the on-screen keyboard should appear.
The scroll position of the page should not change.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Chris Rebert
No such scrolling occurs in Android Chrome or OS X Safari.
Chris Rebert
<rdar://problem/24235301>
Chris Rebert
<rdar://problem/19708696>
Chris DeMars
After you fill out the input and hit done the focus shifts to the background, modal stays up, and the background scrolls.
Simon Fraser (smfr)
(very belatedly) fixed by https://trac.webkit.org/changeset/209867/webkit?
Nanjie Chen
seems that the test case bug still presents as of now
iOS version: 15.4.1
Nanjie Chen
additional info with the bug still reproducible:
Mozilla/5.0 (iPhone; CPU iPhone OS 15_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1