Bug 241853 - Inset shadow slightly offset on zoom
Summary: Inset shadow slightly offset on zoom
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-06-22 06:21 PDT by borisdiakur
Modified: 2022-06-29 06:22 PDT (History)
4 users (show)

See Also:

Attachments
irregular box shadow (10.70 KB, image/png)
2022-06-22 06:21 PDT, borisdiakur 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description borisdiakur 2022-06-22 06:21:16 PDT 
Created attachment 460414 [details]
irregular box shadow

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

Steps to reproduce:

1. Create a standard button.
2. Button contains a `box-shadow: inset 0 0 0 1px #808080`.
3. Load page.
4. Change browser zoom from 100% to 110%.

See https://codepen.io/norfali/pen/aqbGdw for a working example.

Actual results:

Box-shadow isn't rendered correctly, see screenshot attached.

Expected results:

Box-shadow rendered correctly and works whether page zoom is 100% or 110%.

Issue doesn't occur in Chrome.

See also: https://bugzilla.mozilla.org/show_bug.cgi?id=1434197
Comment 1 Radar WebKit Bug Importer 2022-06-29 06:22:12 PDT 
<rdar://problem/96134930>