Bug 241853

Summary:

Inset shadow slightly offset on zoom

Product:

WebKit

Reporter:

borisdiakur

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

Mac (Apple Silicon)

OS:

macOS 12

Attachments:

Description	Flags
irregular box shadow	none

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>