Bug 227704 - [LegacySVG] clip-path inset is incorrectly applied to the svg element.
Summary: [LegacySVG] clip-path inset is incorrectly applied to the svg element.
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-07-06 07:20 PDT by justas543
Modified: 2024-03-14 03:16 PDT (History)
7 users (show)

See Also:


Attachments
safari incorrect clipping (921 bytes, image/png)
2021-07-06 07:20 PDT, justas543
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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>
Comment 2 Ahmad Saleem 2023-11-29 18:15:51 PST
It is fixed in Layer based SVG Engine (LBSE).