<html>
<head>
<base href="https://bugs.webkit.org/">
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - CSS snap points broken in 10.3 beta 6"
href="https://bugs.webkit.org/show_bug.cgi?id=169800#c5">Comment # 5</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - CSS snap points broken in 10.3 beta 6"
href="https://bugs.webkit.org/show_bug.cgi?id=169800">bug 169800</a>
from <span class="vcard"><a class="email" href="mailto:sriramkrish85@gmail.com" title="Sriram Krishnan <sriramkrish85@gmail.com>"> <span class="fn">Sriram Krishnan</span></a>
</span></b>
<pre>Ok - Now i got clarity into what the real issue is. This is because of snap points
This is not because of the syntax change , the old syntax still works fine on the beta.
The only issue is when we set scrollLeft on the container via JS, the browser resets it back to the last known snap position set via css snapping. the right behavior would be to snap to the closest snap point.
Here is my JS BIN
<a href="http://jsbin.com/fiwiqo/61/edit?html,css,js,output">http://jsbin.com/fiwiqo/61/edit?html,css,js,output</a>
And the video demonstrating what is wrong.
<a href="https://youtu.be/r5P8d-k1Q1Y">https://youtu.be/r5P8d-k1Q1Y</a></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>