Bluring an <input> element in iOS 8 scrolls and clicks the wrong element

• Component: Forms
• Status: NEW ---

[John Barr]

Affects: Safari iOS 8 beta 5 iPhone (not available under Platform)

Repro case:
http://jsbin.com/piyotubaleto/6/

Repro steps:
1. Tap on resizing <input> element.
2. (<input> element gets focus, scrolls to top of screen)
3. Tap on a red square.
4. (<input> element scroll to middle of screen, a different red square gets the click than the one you clicked on)

Requirements for this bug to happen:
a. You blur the <input> element by tapping on an element with a 'touchend' handler.
b. You change the side of the <input> element in its 'focus' handler.

This issue affects mobile Gmail's search field as the search field changes size on focus (cancel button appearing) and we make extensive use of touchend handlers.

[Radar WebKit Bug Importer]

<rdar://problem/18112843>