[Webkit-unassigned] [Bug 196824] New: scroll-snap-type is not functioning when child element can be scrolled too

[bugzilla-daemon at webkit.org]

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

            Bug ID: 196824
           Summary: scroll-snap-type is not functioning when child element
                    can be scrolled too
           Product: WebKit
           Version: Safari 12
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: edwin at bitstorm.org

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

-- 
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/20190411/3dfd83dd/attachment.html>