NEW 141822
[iOS] Erratic keyboard behavior after tapping a CSS triangle over Bootstrap input group 
https://bugs.webkit.org/show_bug.cgi?id=141822
Summary [iOS] Erratic keyboard behavior after tapping a CSS triangle over Bootstrap i...
Jack O'Connor
Reported 2015-02-19 20:15:13 PST
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
Comment 1 2015-02-19 20:40:32 PST
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
Comment 2 2015-02-22 23:54:46 PST
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
Comment 3 2015-10-07 19:27:05 PDT
Bug still reproduces in iOS 9.0.2.
Note You need to log in before you can comment on or make changes to this bug.