Bug 24314

Summary:

Incorrect colspan rendering

Product:

WebKit

Reporter:

Zubkov Stanislav <zubkov>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, karlcow, simon.fraser, thakis, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

Attachments:

Description	Flags
test case	none
rendering in safari, firefox, chrome	none
test case for width of first cell	none
rendering in safari, firefox, chrome for test case 2	none

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.