<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 - border-bottom style affects table cells to the right"
href="https://bugs.webkit.org/show_bug.cgi?id=164816">164816</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>border-bottom style affects table cells to the right
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari Technology Preview
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</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>jon.kleiser@fsat.no
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=294926" name="attach_294926" title="HTML file that illustrates the problem">attachment 294926</a> <a href="attachment.cgi?id=294926&action=edit" title="HTML file that illustrates the problem">[details]</a></span>
HTML file that illustrates the problem
When one or more cells in a table are given a class that implies a certain border-bottom style, e.g. "border-bottom: 3px solid #f88;", this style sometimes also affects cells to the right of the selected cell(s). This seems to happen only if the affected row is not the final row in the table.
This is demonstrated in the attached HTML file, which may also be seen here: <a href="http://folk.uio.no/jkleiser/test/css-bug.html">http://folk.uio.no/jkleiser/test/css-bug.html</a>
This file also lists the browsers/OSes where the bug has been seen. I have not tested this on mobile/small devices.</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>