Bug 20802

Summary:

Unexplainably narrow table column

Product:

WebKit

Reporter:

Marti <intgr>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

ap, rc

Priority:

Keywords:

NeedsReduction

Version:

525.x (Safari 3.1)

Hardware:

All

OS:

All

URL:

http://en.wikipedia.org/w/index.php?title=Memory_management&curid=66924&diff=237971220&oldid=235003731

Attachments:

Description	Flags
Screenshot of bad rendering	none
A WebArchive of the page	none

Marti

Reported 2008-09-12 11:35:35 PDT

Most Wikipedia diff pages look perfectly fine in WebKit, however this particular one has a very skewed table rendering; the the right column of the diff table is too narrow, so it makes the table too long. Renders fine in Firefox 3.0 and Opera 9.52 Renders badly in Safari 3.1 and Google Chrome build 1798 (version 0.2.149.29)

Attachments
Screenshot of bad rendering (78.02 KB, image/png) 2008-09-12 11:36 PDT, Marti	no flags	Details
A WebArchive of the page (242.80 KB, application/octet-stream) 2008-09-13 08:15 PDT, Alexey Proskuryakov	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Marti

Comment 1 2008-09-12 11:36:35 PDT

Created attachment 23371 [details] Screenshot of bad rendering

Alexey Proskuryakov

Comment 2 2008-09-13 08:13:59 PDT

Confirmed with r35843.

Alexey Proskuryakov

Comment 3 2008-09-13 08:15:38 PDT

Created attachment 23393 [details] A WebArchive of the page Attaching an archive of the page, in case it changes before anyone gets to reducing it. Note that there is an additional issue at the very top of the page, not present in the original.

Rüdiger Cordes

Comment 4 2008-09-13 10:53:54 PDT

After hours of reducing the code this could be the code to analyze the problem: ######################## <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <base href="http://en.wikipedia.org/w/index.php?title=Memory_management&curid=66924&diff=237971220&oldid=235003731"> <title>Memory management - Wikipedia, the free encyclopedia</title> <style type="text/css"> table.diff { border: none; width: 98%; border-spacing: 4px; table-layout: fixed; } table.diff col.diff-marker { width: 2%; } table.diff col.diff-content { width: 48%; } td.diff-otitle, td.diff-ntitle { text-align: center; } td.diff-marker { text-align: right; } td.diff-context { background: #eee; font-size: smaller; } </style> </head> <body style="word-wrap: break-word;"> <table class="diff"> <col class="diff-marker"> <col class="diff-content"> <col class="diff-marker"> <col class="diff-content"> <tr valign="top"> <td colspan="2" class="diff-otitle">Text Text Text Text Text Text Text Text Text Text Text Text Text Text</td> <td colspan="2" class="diff-ntitle">Text Text Text Text Text Text Text Text Text Text Text Text Text Text</td> </tr> <tr> <td colspan="4" align="center" class="diff-multi">(One intermediate revision not shown.)</td> </tr> </table> </body> </html> ######################## Without table-layout:fixed both columns are wide. Hope this helps, Rüdiger

Alexey Proskuryakov

Comment 5 2011-01-11 20:26:16 PST

This doesn't occur with Safari 5.0.3 on Mac OS X. Tested both attached WebArchive and reduction from comment 4.

Rüdiger Cordes

Comment 6 2011-01-12 00:36:08 PST

It doesnt occur any longer in Safari 4.0.5 (4531.22.7, WebKit 533.19.4) and 4.1.3 (4533.19.4, WebKit 533.19.4) under 10.4.11 either.

Note You need to log in before you can comment on or make changes to this bug.