<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 - Kinetic scrolling breaks on Mac when using 100% height, box-sizing: border-box with top and bottom borders"
href="https://bugs.webkit.org/show_bug.cgi?id=149895">149895</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Kinetic scrolling breaks on Mac when using 100% height, box-sizing: border-box with top and bottom borders
</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>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>Mac OS X 10.11
</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>Layout and Rendering
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>jonowells@webkit.org
</td>
</tr>
<tr>
<th>CC</th>
<td>andersca@apple.com, simon.fraser@apple.com, thorton@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=262637" name="attach_262637" title="Scrolling: Reduced test case.">attachment 262637</a> <a href="attachment.cgi?id=262637&action=edit" title="Scrolling: Reduced test case.">[details]</a></span>
Scrolling: Reduced test case.
In Mac OS X (possibly also iOS) scrolling an item with 100% height, box-sizing set to border-box and pixel values for top and bottom borders, the kinetic scrolling will not reach the bottom if the trackpad is, say, flicked hard with two fingers from the top and left to scroll under its own momentum. The scrolling will stop shy of the bottom by the same as the border height. To reach the bottom the fingers need to still be touching the trackpad. It seems like a more linear scrolling animation kicks in by mistake. Reduced test case attached.</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>