[Webkit-unassigned] [Bug 256003] New: Clipped element edges in certain scenarios

[bugzilla-daemon at webkit.org]

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

            Bug ID: 256003
           Summary: Clipped element edges in certain scenarios
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: samuel at cendio.se
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 466106

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

HTML file demonstrating the issue

Elements are rendered incorrectly under some obscure scenarios, the bottom and right edges get clipped. This is most clearly seen on elements with rounded corners because it is most visible where the rounded edge is cut off. As demonstrated by the attached HTML file, I have found that several criteria need to be fulfilled:

* The element is inside a container that overflows.
* Part of the overflow needs to be caused by a resizable sibling element (like a textarea) which also overflows in itself.
* The element is positioned on half pixels (by margin, padding or whatever), in practice, this happened when using a padding of 0.5em with a font-size of 15px.
* The element has some type of linear-gradient background-image.

-- 
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/20230426/348465fa/attachment.htm>