Bug 219458 - clip-path is applied to wrong element when referencing SVG clipPath via url()
Summary: clip-path is applied to wrong element when referencing SVG clipPath via url()
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Compositing (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: CanvaBug, InRadar
Depends on:
Blocks: 126207
  Show dependency treegraph
 
Reported: 2020-12-02 15:49 PST by Xidorn Quan
Modified: 2022-08-15 10:48 PDT (History)
6 users (show)

See Also:


Attachments
testcase (1.12 KB, text/html)
2020-12-02 15:49 PST, Xidorn Quan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Xidorn Quan 2020-12-02 15:49:35 PST
Created attachment 415255 [details]
testcase

Steps to reproduce:
1. open the attached testcase
2. drag the image around

Expected behavior:
The opaque circle close to the middle of the image should be fixed.

Actual behavior:
The opaque circle is moved with the image.


It works as expected on Firefox and Chrome. This is causing issue for Canva's editor on Safari.
Comment 1 Xidorn Quan 2020-12-02 15:52:03 PST
It seems that using <basic-shape> doesn't have the same issue.
Comment 2 Smoley 2020-12-07 11:00:04 PST
This reproduces for me on Safari 13.1.3 - STP 116 (14.1).
Comment 3 Radar WebKit Bug Importer 2020-12-07 11:01:06 PST
<rdar://problem/72054936>
Comment 4 Simon Fraser (smfr) 2022-08-15 10:48:36 PDT
I cannot reproduce this in STP 151 or a recent Safari.