Bug 254063 - REGRESSION (258767@main): image on studioneat.com is strangely masked
Summary: REGRESSION (258767@main): image on studioneat.com is strangely masked
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Darin Adler
URL:
Keywords: InRadar
: 248346 (view as bug list)
Depends on:
Blocks:
 
Reported: 2023-03-17 00:14 PDT by Darin Adler
Modified: 2023-03-17 14:22 PDT (History)
4 users (show)

See Also:

Attachments
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 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.