NEW 109841
Tables using colspan, with border-collapse draw borders incorrectly
https://bugs.webkit.org/show_bug.cgi?id=109841
Summary Tables using colspan, with border-collapse draw borders incorrectly
Norman
Reported 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. <html> <head><style type="text/css"> table { empty-cells: show; border-collapse: collapse; } table td { width: 50px; height: 25px; } td.b { border: 1px solid gray; } </style> </head> <body> <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> </table> </body> </html>
Attachments
Test file to validate the error. (2.03 KB, text/html)
2015-08-04 05:45 PDT, jumper1085
no flags
bugzilla
Comment 1 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.
jumper1085
Comment 2 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.
Ahmad Saleem
Comment 3 2022-06-10 17:15:12 PDT
I am able to reproduce this bug in Safari 15.5 on macOS 12.4. This got fixed in Chrome via LayoutNG in Milestone 91. Bug Link - https://bugs.chromium.org/p/chromium/issues/detail?id=898847
Radar WebKit Bug Importer
Comment 4 2022-06-13 10:21:50 PDT
Note You need to log in before you can comment on or make changes to this bug.