Bug 211609 - The style.color is used to fill the SVG shapes when the last repeated gradient resource is deleted
Summary: The style.color is used to fill the SVG shapes when the last repeated gradien...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-07 20:41 PDT by wildfire0304
Modified: 2022-12-14 14:17 PST (History)
5 users (show)

See Also:

Attachments
test case (should show a green rectangle) (770 bytes, text/html)
2020-05-11 13:28 PDT, Said Abou-Hallawa 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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".