<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - SVG gets different colour when React repaints part of the screen"
href="https://bugs.webkit.org/show_bug.cgi?id=158119">158119</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>SVG gets different colour when React repaints part of the screen
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>OS X 10.11
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>SVG
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>ablackjim228@gmail.com
</td>
</tr>
<tr>
<th>CC</th>
<td>zimmermann@kde.org
</td>
</tr></table>
<p>
<div>
<pre>I don't know how to accurately describe the bug.
In essence, the problem is that a specific SVG icon, changes colour ( from orange to blue ) in random times ( must be something with repainting, or something that React triggers ).
To reproduce it:
- go to <a href="https://hack.ernews.info">https://hack.ernews.info</a>
- wait a few seconds ( might take a minute ) for some update to come, and then part of the stories list will update. Some icons will then change to blue colour (!)
( see screenshot for example, it's taken from Webkit nightly )
It happens on all Safari versions ( Safari, Safari TP, Webkit nightly )
It happened before when I had another SVG icon as "comments" icon.
It happens even though other icons in the page are orange ( all are made as react components, and I use "fill" to color them, so no difference there )</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>