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

• Component: SVG
• Status: RESOLVED CONFIGURATION CHANGED

[wildfire0304]

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

[wildfire0304]

<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

[wildfire0304]

<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

[wildfire0304]

(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

[Radar WebKit Bug Importer]

<rdar://problem/63039717>

[Said Abou-Hallawa]

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

[Ahmad Saleem]

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".