<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 - REDENDERING -BUG: if two adjacent sides for the <fieldset> element have EXACTLY the same color defined"
href="https://bugs.webkit.org/show_bug.cgi?id=150557">150557</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>REDENDERING -BUG: if two adjacent sides for the <fieldset> element have EXACTLY the same color defined
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Local Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Critical
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>noel.vellemans@visionbms.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=264045" name="attach_264045" title="RENDER-bug - simulation files.">attachment 264045</a> <a href="attachment.cgi?id=264045&action=edit" title="RENDER-bug - simulation files.">[details]</a></span>
RENDER-bug - simulation files.
I encounter, some RENDERING-ERRORS using webkitgtk-2.4.9 ( or later) and the latest revision in SVN trunk.
In certain pages, I do get faulty-rendered 'artifacts' (faulty screen output), seems to be CSS-related!
Those 'faulty'-renderings are visible on different platforms, PC-x64, PX-x86 and Arm architectures (other architectures/platforms have not been tested).
I've included some stripped html/css code that can show the faulty behavior.
Enclosed is a zip file that allows to simulate the behavior (Webcontent.zip).
When e.g. row '001:' is clicked, the BMS_ui_adm() event handler makes <fieldset class="dialog" id="AdmValue"> visible. That is when an 'orange shape' appears on the lower right half of the display.
(Remember this is a cut-and-paste snippet of production code all put in one file to simulate the issue).
NOTE: this problem seems to happen whenever two adjacent sides for the <fieldset> element have EXACTLY the same color defined.
For instance, the following code in the test case (line 729 in CSS file):
fieldset {
border-width: 3px;
border-style: solid;
border-color: #5e5e5e #ffbc00 #ffbc00 #5e5e5e;
}
...it's exposing the bug because the right&bottom sides of border have exactly the same colour (orange). In the same way, the fact that top&left have the same exact colour (gray) is also causing a similar problem.
You can test this theory by quickly workaround the problem you're seeing by slightly modifying those colours, so that adjacent sides don't have exactly the same colour. For instance, this hides the bug for me:
fieldset {
border-width: 3px;
border-style: solid;
border-color: #5e5e5f #ffbc01 #ffbc00 #5e5e5e;
}
But still, this looks like a bug (works fine in Firefox 41 and Chrome 45), so I'd say reporting it in bugzilla is the way to go.</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>