Bug 211609

Summary:

The style.color is used to fill the SVG shapes when the last repeated gradient resource is deleted

Product:

WebKit

Reporter:

wildfire0304 <fengbo>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

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

Priority:

Keywords:

InRadar

Version:

Safari 13

Hardware:

iPhone / iPad

OS:

All

Attachments:

Description	Flags
test case (should show a green rectangle)	none

Description wildfire0304 2020-05-07 20:41:40 PDT

reappear link: 
http://jsfiddle.net/wildfire0304/xcfquvz9/9/

Comment 1 wildfire0304 2020-05-07 20:49:55 PDT

<svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor" class='.icon'>
  <defs>
    <linearGradient id="linearGradient" x1=0 y1=0 x2=1 y2=1>
      <stop offset="0" stop-color="#f50000"></stop>
      <stop offset="1" stop-color="#00bfff"></stop>
    </linearGradient>
  </defs>
  <circle cx=12 cy=12 r=6 fill="url(#wildfire0304)"></circle>
</svg>

 ID `#linearGradient` will appear more than two times, and then disappear in this case

Comment 2 wildfire0304 2020-05-07 20:50:42 PDT

<svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor" class='.icon'>
  <defs>
    <linearGradient id="linearGradient" x1=0 y1=0 x2=1 y2=1>
      <stop offset="0" stop-color="#f50000"></stop>
      <stop offset="1" stop-color="#00bfff"></stop>
    </linearGradient>
  </defs>
  <circle cx=12 cy=12 r=6 fill="url(#linearGradient)"></circle>
</svg>

 ID `#linearGradient` will appear more than two times, and then disappear in this case

Comment 3 wildfire0304 2020-05-07 20:52:25 PDT

(In reply to wildfire0304 from comment #1)
> <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"
> class='.icon'>
>   <defs>
>     <linearGradient id="linearGradient" x1=0 y1=0 x2=1 y2=1>
>       <stop offset="0" stop-color="#f50000"></stop>
>       <stop offset="1" stop-color="#00bfff"></stop>
>     </linearGradient>
>   </defs>
>   <circle cx=12 cy=12 r=6 fill="url(#wildfire0304)"></circle>
> </svg>
> 
>  ID `#linearGradient` will appear more than two times, and then disappear in
> this case

can't delete this comments, you can see the next

Comment 4 Radar WebKit Bug Importer 2020-05-08 15:48:55 PDT

<rdar://problem/63039717>

Comment 5 Said Abou-Hallawa 2020-05-11 13:28:38 PDT

Created attachment 399048 [details]
test case (should show a green rectangle)

Comment 6 Ahmad Saleem 2022-12-14 14:17:59 PST

I am not able to reproduce this bug in Safari Technology Preview 160 while it is reproducible in Safari 16.2. STP show "green" rectangle similar to Chrome Canary 110 while Safari 16.2 show "red" rectangle.

Marking this as "RESOLVED CONFIGURATION CHANGED".