<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 - Scroll gesture in form control in position:fixed element sometimes scrolls <body> instead of scrollable ancestor on iOS"
href="https://bugs.webkit.org/show_bug.cgi?id=153856">153856</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Scroll gesture in form control in position:fixed element sometimes scrolls <body> instead of scrollable ancestor on iOS
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.2
</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=270642" name="attach_270642" title="Testcase demonstrating the problem">attachment 270642</a> <a href="attachment.cgi?id=270642&action=edit" title="Testcase demonstrating the problem">[details]</a></span>
Testcase demonstrating the problem
Steps to reproduce:
1. Open the attached testcase in iOS Safari.
2. Tap the "Launch demo modal" button.
3. Tap into the 2nd text field.
4. Type some text.
5. Tap the Done button.
6. Perform a scroll-down gesture (i.e. flick your finger upward), but start the scroll gesture within the bounds of the 2nd text field.
Actual result:
The <body> scrolls downward.
Expected result:
The yellow <div> (which is a descendant of a position:fixed <div>) should scroll downward.
The <body> shouldn't scroll at all, because it's styled as overflow:hidden.
Original Bootstrap bug: <a href="https://github.com/twbs/bootstrap/issues/14839#issuecomment-60940738">https://github.com/twbs/bootstrap/issues/14839#issuecomment-60940738</a>
This is similar to <a class="bz_bug_link
bz_status_NEW "
title="NEW - <body> with overflow:hidden CSS is scrollable on iOS"
href="show_bug.cgi?id=153852">bug 153852</a>, but that bug usually occurs only when the position:fixed element has already been scrolled to its top or bottom,
whereas this bug doesn't have that requirement and seems to be related to text fields specifically.</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>