Bug 20763

Summary: Incorrect rendering of nested fixed layout tables with colspan
Product: WebKit Reporter: Andrew Mayo <ajmayo>
Component: TablesAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, deepak.m1, edpeur, rniwa, simon.fraser, zalan
Priority: P2    
Version: 525.x (Safari 3.1)   
Hardware: PC   
OS: Windows XP   
Attachments:
Description Flags
Safari 15.6 and STP 151 match with other browsers none

Andrew Mayo
Reported 2008-09-10 05:06:10 PDT
After searching Bugzilla I can find related issues but it is unclear that this issue is directly a duplicate of these. I enclose test HTML that clearly demonstrates the problem, which I could not see against the other cases. The HTML below (abstracted from a more complex real-world document) incorrectly renders the four asterisks in the nested table. They should appear with colspan=7 and align with the exclamation marks in the parent table (28 in total, with the asterisks every 7). Problem was noted using Chrome which uses Webkit 525.13 Renders correctly in Firefox 3.1, IE6 In Webkit, the asterisks render immediately adjacent to each other i.e the column widths are not being honoured, although the parent and child table specify table-layout:fixed If the related bugs are fixed, please could this test case be checked as well. <html> <body> <table style="table-layout:fixed" cellpadding=0 cellspacing=0 border=0> <col style="width:2.1in"> <col style="width:0.325in"> <col style="width:0.325in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <tr> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> <td>!</td> </tr> <tr> <td colspan=31> <!-- This table does not render properly--> <table id=problem style="table-layout:fixed" cellpadding=0 cellspacing=0 border=0> <col style="width:2.1in"> <col style="width:0.325in"> <col style="width:0.325in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <col style="width:0.175in"> <tr> <td>M</td> <td>N</td> <td>O</td> <!-- asterisks do not honour colspan --> <td colspan=7>*</td> <td colspan=7>*</td> <td colspan=7>*</td> <td colspan=7>*</td> </tr> </table> </td> </tr> </table> </body> </html>
Attachments
Safari 15.6 and STP 151 match with other browsers (728.58 KB, image/png)
2022-08-16 08:52 PDT, Ahmad Saleem 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Deepak Mittal
Comment 1 2014-02-13 21:13:57 PST
I am observing same behavior for this test case in webkit,FF ..asterisks are not immediately adjacent to each other.. But the problem is still exist in chrome.. please check and confirm.
Ahmad Saleem
Comment 2 2022-08-16 08:52:18 PDT
Created attachment 461676 [details] Safari 15.6 and STP 151 match with other browsers I took the test case from Comment 0 and changed it into JSFiddle below: Link - https://jsfiddle.net/1nupjtv3/show As can be seen from attached screenshot, * (asterisk) now aligns with ! (exclamation) mark in all browsers (Safari, Chrome and Firefox). I am not able to see any rendering difference but if I am wrong, please reopen this bug since I am going to mark this as "RESOLVED WONTFIX" (It was not marked as "New" otherwise would have marked it as "RESOLVED CONFIGURATION CHANGED"). Thanks!
Note You need to log in before you can comment on or make changes to this bug.