[Webkit-unassigned] [Bug 230814] New: Thin hairline gap displayed between adjacent subpixel sized inset box-shadows

[bugzilla-daemon at webkit.org]

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

            Bug ID: 230814
           Summary: Thin hairline gap displayed between adjacent subpixel
                    sized inset box-shadows
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: luka at canva.com

Created attachment 439308

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

Example minimal reproduction of problem

When two elements with box shadows are placed next to each other with no gap, 
and an inset box shadow is applied to each with a subpixel size, there is a thin 
hairline displayed between the box shadows in which the backgrounds of each element 
can be slightly seen.

I've attached a minimal reproduction of the problem. There are two divs, one red and 
one blue, each with an inset box shadow. Both box shadows are sized at subpixel values.
You will notice that there is a small hairline gap between the two box shadows. If you 
then zoom in with a trackpad, this gap becomes much clearer and easier to see.

This behaviour is not reproducible on Chrome/Firefox, both render these inset box 
shadows without a hairline gap.

-- 
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/20210927/130fe3a7/attachment-0001.htm>