[Webkit-unassigned] [Bug 193671] New: Scroll Snap broken on iOS when using RTL layout

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=193671

            Bug ID: 193671
           Summary: Scroll Snap broken on iOS when using RTL layout
           Product: WebKit
           Version: Safari 12
          Hardware: iPhone / iPad
                OS: iOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: gscanlon21 at gmail.com

Hi,

The scroll-snap behavior is broken when the HTML dir attribute is set to "rtl"

It starts on the right-most element as expected, but despite the child elements, there are only three scroll-snap points. 
One at the right-most position of the container, 
another at the almost-left-most position (maybe 30px offset from the left-most position) of the container,
and a final one at the left-most position of the container.
So the scroll-snap behavior skips over the middle elements which is not intended.

A example of the issue can be found here: https://codepen.io/theGrahamScanlon/full/KJKrJa
Please view the example using an iOS device to successfully reproduce the issue.

The device I'm running:
iPhone X (Model MQA62LL/A)
Version 12.1.2 (16C101)


This effects the three major browsers on iOS: Safari, Chrome and Firefox.


Thanks,
Graham

Please let me know if you have any questions.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190122/a7b8ada1/attachment.html>