NEW 24314
Incorrect colspan rendering 
https://bugs.webkit.org/show_bug.cgi?id=24314
Summary Incorrect colspan rendering
Zubkov Stanislav
Reported 2009-03-02 20:41:45 PST
The table with colspan renders as without it. In the following example left column of the first row must be 40px, but it use the length of the next row, as without colspan: <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Device properties page</title> <meta name="generator" content="Company" /> <meta name="description" content="Page" /> </head> <body style="width: 100%; height: 100%;"> <table border="1" cellpadding="0" cellspacing="0"> <tr> <td style="padding:0 0 0;width:40px"> <table style="width:40px;height:500px;padding:0 0 0;font-family:Arial,Helvetica,sans-serif;font-size:11px;border-color:red" border="1" cellpadding="0" cellspacing="0"> <tr><td>-40px-</td></tr> </table> </td> <td style="background-color:yellow;width: 100%;padding:0 0 0"> </td> </tr> <tr> <td colspan="2">this_string_expands_left_col_of_top_row_table but only by left word</td> </tr> </table> </body> </html>
Attachments
test case (922 bytes, text/html)
2023-02-12 16:53 PST, Karl Dubost 		no flags
Details
rendering in safari, firefox, chrome (188.32 KB, image/png)
2023-02-12 17:15 PST, Karl Dubost 		no flags
Details
test case for width of first cell (1.32 KB, text/html)
2023-02-12 17:17 PST, Karl Dubost 		no flags
Details
rendering in safari, firefox, chrome for test case 2 (195.69 KB, image/png)
2023-02-12 17:20 PST, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2023-02-12 13:45:30 PST
From the column 1 perspective, the row length is 40 px in Safari 16.3 and WebKit matching Chrome Canary 112 and Firefox Nightly 111 but it is not width-wise where we might have min-width or max-width bug - I have seem in other test cases. I think this is in itself is fixed. Appreciate if someone can confirm. Thanks!
Karl Dubost
Comment 2 2023-02-12 16:53:01 PST
Created attachment 464963 [details] test case test case from comment #0
Karl Dubost
Comment 3 2023-02-12 17:15:53 PST
Created attachment 464964 [details] rendering in safari, firefox, chrome Rendering in latest versions of STP, Nightly and Canary. Let's find out the width of the first row/column cell. window.getComputedStyle(document.querySelector("table tr td")).width STP 163: "292.59375px" Nightly 111.0a1 (2023-02-08): "40px" Canary 112.0.5592.0: "40px" The left column is shrinking to the size of the inner div and maximize the size of the right column in Firefox and Chrome. Safari is distributing the column differently. Let's create a better test case.
Karl Dubost
Comment 4 2023-02-12 17:17:04 PST
Created attachment 464965 [details] test case for width of first cell This is a better test case showing the issue
Karl Dubost
Comment 5 2023-02-12 17:20:09 PST
Created attachment 464966 [details] rendering in safari, firefox, chrome for test case 2 And this is the rendering for the second test case. The issue is the width of the first cell is changed based on the length of the first cell (with colspan=2) of the second row. while in Firefox and Chrome the width stays enforced to what has been set on the td of the first row, first cell.
Radar WebKit Bug Importer
Comment 6 2024-02-08 15:46:46 PST
<rdar://problem/122588507>
Note You need to log in before you can comment on or make changes to this bug.