Bug 141822 - [iOS] Erratic keyboard behavior after tapping a CSS triangle over Bootstrap input group
Summary: [iOS] Erratic keyboard behavior after tapping a CSS triangle over Bootstrap i...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 9
Hardware: iPhone / iPad iOS 9.2
: P2 Normal
Assignee: Nobody
URL: http://codepen.io/jackocnr/full/LEdrxP
Keywords: HasReduction
Depends on:
Reported: 2015-02-19 20:15 PST by Jack O'Connor
Modified: 2016-02-19 00:06 PST (History)
3 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Jack O'Connor 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.
Comment 1 Chris Rebert 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.)
Comment 2 Alexey Proskuryakov 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.
Comment 3 Chris Rebert 2015-10-07 19:27:05 PDT
Bug still reproduces in iOS 9.0.2.