Bug 227704

Summary: clip-path inset is incorrectly applied to the svg element.
Product: WebKit Reporter: justas543
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
safari incorrect clipping none

Description justas543 2021-07-06 07:20:11 PDT 
Created attachment 432924 [details]
safari incorrect clipping

clip-path inset is incorrectly applied to the svg element.

Go to https://jsfiddle.net/byo2kenj/5/
Observe that when clip-path is applied to div it is working correctly.
Observe that when the same clip-path is applied to exact same size svg it is clipping it incorrectly.

Both Firefox and Chrome are working as intended only Safari is breaking.
Comment 1 Radar WebKit Bug Importer 2021-07-13 07:21:17 PDT 
<rdar://problem/80516912>