[Webkit-unassigned] [Bug 241461] New: scroll-snap with padding-right

[bugzilla-daemon at webkit.org]

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

            Bug ID: 241461
           Summary: scroll-snap with padding-right
           Product: WebKit
           Version: Safari 15
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: leon at radley.se
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 460129

  --> https://bugs.webkit.org/attachment.cgi?id=460129&action=review

An example image of the demo

I wanted to build a card side scroll where only one card is visible at a time.

I wanted the active card to always be centered, so I added some padding to the scroll snap container to force the first and last cards to get centered.

This works in chrome.

In safari (tested in both mac, ios, ipad)
the padding-right is ignored, so the last card does not get centered.
but the padding-left works and the first card gets centered.

could it be that the padding-right is not getting included when the container is set to be a scroll snap container?


Here you can find a demo showcasing the bug

https://scroll-snap-center-card.glitch.me/

-- 
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/20220609/43528be8/attachment.htm>