Please see the attached testcase. All three browsers(IE,FF,Safari) render different.
Created attachment 16368 [details] display:table-row always shows as the first row irrespective of where its defined.
In my opinion element with display:table-row shouldn't have influence on calculating parent element height like normal <tr> element so the case exposes bug in Webkit. Only Firefox displays it correctly. Opera also fails but differently.
The table is before the first div. This is clearly some kind of ordering bug. In addition in quirks mode we allow a table with no cells to have height (either from the row or the table specifying a height). However for CSS-anonymous tables we really should not support the quirk. So I see two bugs here.
(In reply to comment #3) > In addition in quirks mode we allow a table with no cells to have height > (either from the row or the table specifying a height). However for > CSS-anonymous tables we really should not support the quirk. Dave, in strict mode the test case looks identical as in quirks mode: http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cdiv%20%20style%3D%22border%3A2px%20solid%20black%3B%20%20width%3A%20100px%22%3E%0A%20%20%20%20%20%3Cdiv%20%20style%3D%22border%3A2px%20solid%20red%3Bheight%3A%2060px%3B%20width%3A%2080px%3B%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%3Cdiv%20style%3D%22border%3A2px%20solid%20green%3B%20display%3A%20table-row%3B%20width%3A%2080px%3B%20height%3A%2020px%3B%22%3E%3C%2Fdiv%3E%0A%3C%2Fdiv%3E
Created attachment 461205 [details] Safari 15.6 matches with Chrome but differs from Firefox I am not sure on web-spec nor on expected result but as can be seen from attached screenshot - Safari matches with Chrome but differ from Firefox. Thanks!
<rdar://problem/97642125>