Bug 109841

Summary: Tables using colspan, with border-collapse draw borders incorrectly
Product: WebKit Reporter: Norman <franke>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED ---    
Severity: Normal CC: bugzilla
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Description Flags
Test file to validate the error. none

Description Norman 2013-02-14 09:11:56 PST
Using this snippet, the second cell in the second row has a top border and it shouldn't. Chrome fails here, but IE and FF are fine.

<head><style type="text/css">
table { empty-cells: show; border-collapse: collapse; }
table td { width: 50px; height: 25px; }
td.b { border: 1px solid gray; }
<table cellspacing="0" cellpadding="0">
<tr> <td colspan="2">This is a test</td> <td class="b"></td> <td></td> <td></td> </tr>
<tr> <td class="b"></td> <td></td> <td class="b"></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
Comment 1 bugzilla 2014-02-13 02:37:40 PST
This bug is still present in Chrome 32.0.1700.107 and Safari 5.1.10 (6534.59.10) on OS X.
WebKit draws incorrect and inconsistent borders around table cells with "border: none" and colspan or rowspan > 1, when surrounding table cells have borders.
The only workaround is to avoid colspan and rowspan completely, which is not always an option.
Comment 2 jumper1085 2015-08-04 05:45:32 PDT
Created attachment 258172 [details]
Test file to validate the error.

The described bug still exists in Chrome Version 44.