184308 2018-04-04 10:14:52 -0700 REGRESSION: Excessive table cell height when all rows have height set and rowspan > 1 2026-02-01 18:34:07 -0800 1 1 1 Unclassified WebKit Tables Safari Technology Preview All macOS 10.12 NEW https://bugs.webkit.org/show_bug.cgi?id=155487 https://bugs.webkit.org/show_bug.cgi?id=21397 BrowserCompat, InRadar P2 Normal --- 1 tal webkit-unassigned ahmad.saleem792 ap bfulgham karlcow ntim rniwa simon.fraser webkit-bug-importer zalan oldest_to_newest 1411767 0 337183 tal 2018-04-04 10:14:52 -0700 Created attachment 337183 HTML Test Case I have confirmed the presence of this bug in the latest Safari technology preview (11.1), as well as Safari 9 and 10 (and probably even earlier versions). Attached a test case, the expected behavior is for the first table cell to have an height of 479px (as can be confirmed using Firefox & Chrome), In Safari there is currently a very noticeable excessive height to the cell. This bug may be related to bug 21397 1412648 1 webkit-bug-importer 2018-04-07 16:58:47 -0700 <rdar://problem/39262534> 1412724 2 tal 2018-04-08 09:23:30 -0700 This bug is not present in Safari 6.0.5 / WebKit 536.30.1, This bug is present in Safari 6.1.6 / WebKit 537.78.2 1412725 3 tal 2018-04-08 09:41:51 -0700 This problem is not present in Chrome 49.0.2623.112 / WebKit 537.36 1892074 4 ahmad.saleem792 2022-08-17 15:47:41 -0700 I am able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 151 where the "No More Bugs!" table is shown in the center of visual viewport with empty void space on top and bottom, in case of other browsers (Chrome Canary 106 and Firefox Nightly 105), there is no void space on top and the "No More Bugs!" is on top rather than center of page. Just wanted to update latest testing results. Thanks! 2052942 5 karlcow 2024-08-14 22:24:29 -0700 In Firefox, Chrome HEIGHT table ............... 479 tbody .............. 479 tr ................ 14 (style="height:14px;") td rowspan="32" .. 479 (style="height:479px;") tr ................ 15 (style="height:15px;") (x 31) 31 x 15 = 465 -> + 14 = 479 In Safari table ............... 944 tbody .............. 944 tr ................ 479 (style="height:14px;") td rowspan="32" .. 944 (style="height:479px;") tr ................ 15 (style="height:15px;") (x 31) So we can see there is something very wrong about the computation. 31 x 15 = 465 465 + 479 = 944 It's like it is duplicating the size of something already computed. 2052943 6 karlcow 2024-08-14 22:32:38 -0700 Maybe something around here. https://github.com/WebKit/WebKit/blob/e60e4ad864876164321293a426e6cc34531881f9/Source/WebCore/layout/formattingContexts/table/TableLayout.cpp#L431-L443 2053072 7 ntim 2024-08-15 11:30:24 -0700 (In reply to Karl Dubost from comment #6) > Maybe something around here. > https://github.com/WebKit/WebKit/blob/ > e60e4ad864876164321293a426e6cc34531881f9/Source/WebCore/layout/ > formattingContexts/table/TableLayout.cpp#L431-L443 That code is for the LFC prototype, not used in production. You'd probably want to look into Source/WebCore/rendering 2053182 8 karlcow 2024-08-15 18:46:08 -0700 ha thanks. 19 years old comment. :) Things might have changed a bit. https://github.com/WebKit/WebKit/blame/4e87c5073b3ed5648e47a3ffe1f5128a5fdd81f8/Source/WebCore/rendering/RenderTableSection.cpp#L173-L179 2177057 9 karlcow 2026-02-01 18:34:07 -0800 Still happening in STP 235. More compact test https://codepen.io/webcompat/pen/EayEqvG <style> table { background-color: gold; } td {width: 20px;} table, tr, td {border:1px solid black;} </style> <table> <tr style="background-color: pink;height: 30px"> <td rowspan="3" style="height:70px"> <div style="background-color:orange;border: 1px solid red;height: 68px;"></div> </td> </tr> <tr style="height: 20px; width:20px;background-color: blue"></tr> <tr style="height: 20px; width:20px;background-color: green"></tr> </table 337183 2018-04-04 10:14:52 -0700 2018-04-04 10:14:52 -0700 HTML Test Case TestCase.htm text/html 2071 tal PCFkb2N0eXBlIGh0bWw+DQo8aHRtbD4NCgk8Ym9keT4NCgkJPHN0eWxlIHR5cGU9InRleHQvY3Nz Ij4NCgkJCXRhYmxlDQoJCQl7DQoJCQkJdmVydGljYWwtYWxpZ246dG9wOw0KCQkJCWVtcHR5LWNl bGxzOnNob3c7DQoJCQkJdGFibGUtbGF5b3V0OmZpeGVkOw0KCQkJCWJvcmRlci1zcGFjaW5nOjBw eDsNCgkJCX0NCgkJCQ0KCQkJdGFibGUgdGQNCgkJCXsNCgkJCQlwYWRkaW5nOjBweDsNCgkJCX0N CgkJPC9zdHlsZT4NCgkJPHRhYmxlIHN0eWxlPSJ3aWR0aDoxMDAlOyI+DQoJCQk8IS0tIHRyIGhl aWdodCBpcyBzcGVjaWZpZWQgdG8gd29yay1hcm91bmQgYSBmaXJlZm94IGJ1ZyAtLT4NCgkJCTx0 ciBzdHlsZT0naGVpZ2h0OjE0cHg7Jz4NCgkJCQk8dGQgcm93c3Bhbj0nMzInIHN0eWxlPSdoZWln aHQ6NDc5cHg7Jz4NCgkJCQkJPGRpdiBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmO2Jv cmRlcjpzb2xpZCAxcHggYmxhY2s7IGZvbnQtc2l6ZToxMXB4OyBvdmVyZmxvdzpoaWRkZW47aGVp Z2h0OjQ3N3B4OyBtaW4taGVpZ2h0OjQ3N3B4Oyc+DQoJCQkJCQk8ZGl2IHN0eWxlPSdoZWlnaHQ6 MTAwJTtib3JkZXItbGVmdDpzb2xpZCA1cHggI2ZmZmZmZjsnPg0KCQkJCQkJCTxkaXYgc3R5bGU9 J2hlaWdodDoxMDAlOyBwYWRkaW5nLWxlZnQ6MnB4OyBib3JkZXItbGVmdDpzb2xpZCAxcHggIzAw MDAwMDsgbGluZS1oZWlnaHQ6MTJweDsnPg0KCQkJCQkJCQlObyBNb3JlIEJ1Z3MhDQoJCQkJCQkJ PC9kaXY+DQoJCQkJCQk8L2Rpdj4NCgkJCQkJPC9kaXY+DQoJCQkJPC90ZD4NCgkJCTwvdHI+DQoJ CQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+DQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWln aHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwv dHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+DQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxl PSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4N CgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+DQoJCQk8L3RyPg0KCQkJPHRy IHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1 cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+DQoJCQk8L3RyPg0K CQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVp Z2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+DQoJCQk8 L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0ciBzdHls ZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+ DQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4NCgkJCTx0 ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hlaWdodDox NXB4Oyc+DQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJPC90cj4N CgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5bGU9J2hl aWdodDoxNXB4Oyc+DQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJ PC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCQk8dHIgc3R5 bGU9J2hlaWdodDoxNXB4Oyc+CQ0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7 Jz4JDQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPgkNCgkJCTwvdHI+DQoJ CQk8dHIgc3R5bGU9J2hlaWdodDoxNXB4Oyc+CQ0KCQkJPC90cj4NCgkJCTx0ciBzdHlsZT0naGVp Z2h0OjE1cHg7Jz4JDQoJCQk8L3RyPg0KCQkJPHRyIHN0eWxlPSdoZWlnaHQ6MTVweDsnPg0KCQkJ PC90cj4NCgkJCTx0ciBzdHlsZT0naGVpZ2h0OjE1cHg7Jz4NCgkJCTwvdHI+DQoJCTwvdGFibGU+ DQoJPC9ib2R5Pg0KPC9odG1sPg==