196824 2019-04-11 12:15:37 -0700 scroll-snap-type is not functioning when child element can be scrolled too 2021-01-20 07:28:31 -0800 1 1 1 Unclassified WebKit Scrolling Safari 12 All Unspecified RESOLVED WORKSFORME https://codepen.io/edwinm/pen/BERXpG InRadar P2 Normal --- 218115 1 edwin webkit-unassigned edwin mrobinson simon.fraser webkit-bug-importer wenson_hsieh oldest_to_newest 1526426 0 edwin 2019-04-11 12:15:37 -0700 Overview: Codepen to demonstrate this bug: https://codepen.io/edwinm/pen/BERXpG 1) Horizontal scrolling with scroll-snap-type works fine 2) When child elements itself can scroll vertically, scroll-snap-type in parent element does not work anymore. In Codepen, toggle scrolling of child elements (line 25 in CSS) to see effect on scroll-snap-type in parent element. Steps to Reproduce: - Open Codepen - Swipe horizontally Actual Results - scroll-snap-type does not work, columns with different colors stay visible Expected Results: - scroll-snap-type does work, element scrolls to position with only one column of only one color visible. Build Date & Hardware: Safari 12.1 on macOS 10.14.4 Safari on iOS 12.2 Additional Builds and Platforms: - Additional Information: Works in macOS Chrome 73.0.3683.103 1526801 1 webkit-bug-importer 2019-04-12 10:28:50 -0700 <rdar://problem/49855348> 1720883 2 mrobinson 2021-01-20 07:28:31 -0800 This seems to be working for me, but feel free to reopen this if it's still an issue.