Original Bootstrap bug https://github.com/twbs/bootstrap/issues/15968 Platform: iOS 8.3 Browser: Mobile Safari To reproduce: 1. Open http://jsfiddle.net/gzxtb86c/3/show in Safari in iOS 8.3 2. Tap in the vast blank area below the <input> Expected result: Probably nothing at all should happen. The <input> should definitely NOT become focused. Actual result: The <input> becomes focused.
Also filed this as: <rdar://problem/21509310>
Created attachment 264398 [details] Another reduced test case What seems to be happening is that hit-testing is finding the document element instead of nothing at all when tapping in a region which the <html> covers but the <body> does not. This reduction shortens the height of the body -- observe that tapping in the body does not bring up the keyboard, but tapping in the html does.
Created attachment 264400 [details] New reduction (reproduces without jQuery or Bootstrap) This is the previous test case, except with components from jQuery/Bootstrap css and js removed until we're left with a few lines of code that still reproduce the issue. - the first is a click handler on the document - the second is display: block on the text field - shortened body height, such that the <html> and not the <body> is clicked
Created attachment 264634 [details] Patch
Comment on attachment 264634 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=264634&action=review > Source/WebCore/ChangeLog:11 > + editable element to an editable child, is not necesary to focus editable elements underneath non-editable elements, The word “necessary” is misspelled here.
Comment on attachment 264634 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=264634&action=review >> Source/WebCore/ChangeLog:11 >> + editable element to an editable child, is not necesary to focus editable elements underneath non-editable elements, > > The word “necessary” is misspelled here. Good catch! Fixed.
Committed r191954: <http://trac.webkit.org/changeset/191954>