Bug 227704

Summary:

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

Product:

WebKit

Reporter:

justas543

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

ahmad.saleem792, rbuis, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann

Priority:

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>

Comment 2 Ahmad Saleem 2023-11-29 18:15:51 PST

It is fixed in Layer based SVG Engine (LBSE).