Bug 258215

Summary:	clip-path <geometry-box> doesn't support content-box, padding-box, border-box, margin-box for HTML elements
Product:	WebKit	Reporter:	Michael Landis <michael4css>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 16
Hardware:	Unspecified
OS:	Unspecified

Description Michael Landis 2023-06-16 09:17:33 PDT

content-box, padding-box, border-box or margin-box causes the clip-path property to be ignored. I'm not sure if they are relevant for SVG, but I'd imagine they should work for HTML.

See the full example list on MDN at https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path#comparison_of_html_and_svg for examples. The cases identified include additional shapes (circles, paths, etc) but it should also work without the additional shapes.

Comment 1 Radar WebKit Bug Importer 2023-06-23 09:18:17 PDT

<rdar://problem/111219796>