bootstrap: iPad modal
When popping up a modal on a page that is scrolled down, then opening a <select> within the modal, the page jumps up. All elements on the modal are shifted in a way that they no longer line up with the actual visuals. It’s tough to explain, so I put together a demo:
https://github.com/CaptSaltyJack/bootstrap-select-bug
Once it’s broken and the modal button and dropdown no longer work, try tapping slightly above them. You’ll see what I mean about the touch areas being displaced. Once you scroll to the top of the page, the modal elements work again as expected.
About this issue
- Original URL
- State: closed
- Created 10 years ago
- Comments: 20 (2 by maintainers)
Links to this issue
Commits related to this issue
- Add Wall of Browser Bugs entry for #14975 See https://bugs.webkit.org/show_bug.cgi?id=150079 Closes #14975 [ci skip] — committed to twbs/bootstrap by cvrebert 9 years ago
- Merge pull request #17906 from twbs/wkbug-150079 Add Wall of Browser Bugs entry for #14975 — committed to twbs/bootstrap by cvrebert 9 years ago
- Port #17906 to v3 Add Wall of Browser Bugs entry for #14975 See https://bugs.webkit.org/show_bug.cgi?id=150079 Closes #14975 [ci skip] — committed to twbs/bootstrap by cvrebert 9 years ago
- Remove Wall of Browser Bugs entry for #14975 https://webkit.org/b/150079 has been fixed! Refs #14975 [ci skip] — committed to twbs/bootstrap by cvrebert 8 years ago
Most likely the WebKit version with the fix has not yet made its way into an iOS release. Not every iOS release updates WebKit.