RESOLVED FIXED 158821
Scroll snapping not working for 2 elements 
https://bugs.webkit.org/show_bug.cgi?id=158821
Summary Scroll snapping not working for 2 elements
Sriram Krishnan
Reported Thursday, June 16, 2016 1:08:12 AM UTC
When i try to use -webkit-scroll-snap-type: mandatory on a container and -webkit-scroll-snap-coordinate: 0 0 on its children, it does not work when there are only 2 elements in the container. Here is the URL for my demo - http://output.jsbin.com/fegace I found that i could work around this by adding 2 dummy 1px elements on either side of the actual elements and make this sort of work. Workaround - http://output.jsbin.com/zitifuy
Attachments
Testcase (907 bytes, text/html)
2018-02-21 08:26 PST, Frédéric Wang (:fredw) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Sriram Krishnan
Comment 1 Saturday, August 6, 2016 1:37:46 AM UTC
Hi any updates on when this would be fixed?
Frédéric Wang (:fredw)
Comment 2 Wednesday, February 21, 2018 4:26:40 PM UTC
Created attachment 334380 [details] Testcase This is a reduced testcase without -webkit prefix and using the new values described in the latest Working Draft (https://drafts.csswg.org/css-scroll-snap/). The snapping works as expected with the iOS simulator (both the latest release and trunk).
Frédéric Wang (:fredw)
Comment 3 Thursday, April 12, 2018 6:50:51 AM UTC
According to AMP developers, this bug is fixed in iOS 11.3
Note You need to log in before you can comment on or make changes to this bug.