<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - <select> menu on iPad causes shifting of hit-testing areas"
href="https://bugs.webkit.org/show_bug.cgi?id=150079">150079</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td><select> menu on iPad causes shifting of hit-testing areas
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.0
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Forms
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>webkit@chrisrebert.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=262961" name="attach_262961" title="Screenshot #1">attachment 262961</a> <a href="attachment.cgi?id=262961&action=edit" title="Screenshot #1">[details]</a></span>
Screenshot #1
Original Bootstrap bug: <a href="https://github.com/twbs/bootstrap/issues/14975">https://github.com/twbs/bootstrap/issues/14975</a>
This bug has also been reproduced on iOS 9.1 in the iPad Simulator.
Steps to reproduce:
(See the video attachment for proof)
1. Open <a href="http://output.jsbin.com/jinuda/1">http://output.jsbin.com/jinuda/1</a> in Safari on iPad Air 2 running iOS 9.0
2. Scroll to the bottom of the page
3. Tap the green button
4. Observe that a dialog appears (see 1st screenshot)
5. Tap the blue button to confirm that hit-testing of the button is working correctly.
6. Observe that an alert() box appears
7. Dismiss the alert() box
8. Tap the "Open this list" <select> menu
9. Observe that the dialog moves upward a bit (see 2nd screenshot)
10. Choose an option from the <select> menu so as to close the menu
11. Observe that the modal moves downward, back to its original position as in the 1st screenshot
12. Tap on the "Ut enim" text in the dialog.
Expected results:
Nothing should happen.
Actual results:
An alert() box is showing, indicating that the blue button was somehow clicked.
It seems as if, for hit-testing purposes, the dialog didn't get moved back downward again in step 11.
Also, if you tap on the blue button, the dialog closes as if you had tapped outside of the dialog.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>