Bug 254063

Summary:	REGRESSION (258767@main): image on studioneat.com is strangely masked
Product:	WebKit	Reporter:	Darin Adler <darin>
Component:	CSS	Assignee:	Darin Adler <darin>
Status:	RESOLVED FIXED
Severity:	Normal	CC:	koivisto, obrufau, sabouhallawa, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	All
OS:	All

Description Darin Adler 2023-03-17 00:14:37 PDT

There’s an image on studioneat.com that has a peculiar mask, looking like a set of four circles, then further masked to a circle.

Turns out this is due to how the -webkit-mask-box-image shorthand sets -webkit-mask-box-image-slices.

Comment 1 Darin Adler 2023-03-17 00:14:55 PDT

rdar://106464942

Comment 2 Darin Adler 2023-03-17 00:24:18 PDT

Pull request: https://github.com/WebKit/WebKit/pull/11642

Comment 3 Darin Adler 2023-03-17 14:10:03 PDT

*** Bug 248346 has been marked as a duplicate of this bug. ***

Comment 4 Darin Adler 2023-03-17 14:13:19 PDT

The original webpage could be improved by removing -webkit-mask-box-image entirely, since border-radius now does the clipping without a separate mask.

Comment 5 EWS 2023-03-17 14:22:26 PDT

Committed 261808@main (2e5421f37cc9): <https://commits.webkit.org/261808@main>

Reviewed commits have been landed. Closing PR #11642 and removing active labels.