Bug 141822
| Summary: | [iOS] Erratic keyboard behavior after tapping a CSS triangle over Bootstrap input group | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Jack O'Connor <jackocnr> |
| Component: | Forms | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ap, enrica, webkit |
| Priority: | P2 | Keywords: | HasReduction |
| Version: | Safari 9 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 9.2 | ||
| URL: | http://codepen.io/jackocnr/full/LEdrxP | ||
Jack O'Connor
I have a Bootstrap input group with an input on the left and a button on the right, except I want to overlay an arrow on the left of the input, so I wrap the input in a container div, and give it a sibling arrow div (which is used to display a CSS triangle). For some reason, this now causes Mobile Safari to crash if you tap on the triangle! You can reproduce the issue in [this codepen](http://codepen.io/jackocnr/pen/LEdrxP) - or here's a [mobile friendly link](http://codepen.io/jackocnr/full/LEdrxP). Just type something into the input and then tap the triangle - Safari crashes and you can't type anything else!
Tested with an iPhone 5S and an iPhone 6.
UPDATE: I have now managed to extract the 2 lines from Bootstrap required to reproduce the issue.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Chris Rebert
I can reproduce this bug in iOS 8.1 on my iPhone 5S. (Though, to clarify, the Safari app doesn't spontaneously quit, so it's not a crash in that sense.)
Alexey Proskuryakov
I can reproduce that the iOS keyboard becomes mostly unresponsive after tapping the triangle. The tab has to be closed to restore correct behavior.
Chris Rebert
Bug still reproduces in iOS 9.0.2.