Bug 33981 – Overlapping table cells... webkit doesn't always do reasonable things

• Component: Tables
• Status: NEW

[Joshua J Estelle]

We came across some ugly HTML, where a <table> was defined using rowspan and colspan on some cells such that two cells effectively overlapped.  What Chrome did in this case was quite strange, where one of the images in a cell actually rendered partially outside the bounds of the table.

Here's an example:
http://shelleyandjosh.com/tablecellspan.html

Firefox seems to do something more reasonable.

Note: http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6.1 
does say: 
Defining overlapping cells is an error. User agents may vary in how they handle this error (e.g., rendering may vary)

So my HTML does contain an error.

It just seems that Firefox more gracefully deals with this than Webkit does.  Should Webkit do something nicer?

[Ahmad Saleem]

I am able to find this testcase on Wayback Archive and able to reproduce it in Safari Technology Preview 153:

Link - https://web.archive.org/web/20140808053841/http://shelleyandjosh.com/tablecellspan.html

In the second one "hello" cell is not expanded like Chrome Canary 107 and Firefox Nightly 106. I am going to change this as "New". Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/99780480>

[Tim Nguyen (:ntim)]

Created attachment 462251 [details]
Original testcase from webarchive