| Summary: | clip-path is applied to wrong element when referencing SVG clipPath via url() | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Xidorn Quan <xidorn-webkit> | ||||
| Component: | Compositing | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED CONFIGURATION CHANGED | ||||||
| Severity: | Normal | CC: | koivisto, sabouhallawa, simon.fraser, smoley, webkit-bug-importer, zalan | ||||
| Priority: | P2 | Keywords: | CanvaBug, InRadar | ||||
| Version: | Safari Technology Preview | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Bug Depends on: | |||||||
| Bug Blocks: | 126207 | ||||||
| Attachments: |
|
||||||
It seems that using <basic-shape> doesn't have the same issue. This reproduces for me on Safari 13.1.3 - STP 116 (14.1). I cannot reproduce this in STP 151 or a recent Safari. |
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.