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
Hi any updates on when this would be fixed?
Created attachment 334380 [details]
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).
According to AMP developers, this bug is fixed in iOS 11.3