[Webkit-unassigned] [Bug 279054] New: When zooming out, the `box-shadow` spread-radius expands more than the defined value.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 279054
           Summary: When zooming out, the `box-shadow` spread-radius
                    expands more than the defined value.
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 14
            Status: NEW
          Severity: Major
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: moubin.shiraz at netset.com
                CC: koivisto at iki.fi

Created attachment 472415

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

For information: The browser is zoomed out t0 75%.

We’ve implemented borders using box-shadows in our project. 
For example:

```
HTML:
<div class="alert">Please be alert!</div>

CSS:
.alert {
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 1px #949a9e;
}
```
Here, the div has a 1px border created with box-shadow.

ACTUAL RESULT:
When zooming out in Safari browser (version 17.1), the spread-radius of the box-shadow extends beyond the defined 1px, sometimes expanding more from the top, left, and right, and other times from the right and bottom.

EXPECTED RESULT:
The box-shadow should not spread beyond the defined 1px.
Please refer to the attachment for further details.

-- 
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/20240903/c5c4ae49/attachment.htm>