Bug 278211

Summary:

Heights of table rows containing cells with the rowspan attribute are not calculated according to the expected values

Product:

WebKit

Reporter:

lxuan029

Component:

Tables

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

karlcow, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Other

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
result screenshot	none
test case	none

lxuan029

Reported 2024-08-15 21:08:56 PDT

Created attachment 472185 [details] result screenshot demo like this: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { border-collapse: collapse; } td { vertical-align: top; } </style> </head> <body> <table style="height: 290px"> <tbody> <tr style="height: 46px;"> <td rowspan="4" colspan="1" style="width: 72px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid;"> test </td> <td rowspan="1" colspan="1" style="width: 169px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid;"> test </td> <td rowspan="4" colspan="1" style="width: 147px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid;"> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> <div>test</div> </td> </tr> <tr style="height: 40px;"> <td style="width: 72px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none; "> test </td> <td rowspan="2" colspan="1" style="width: 169px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; height: 0px;"> test </td> <td style="width: 147px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none;"> test </td> </tr> <tr style="height: 0;"> <td style="width: 72px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none; "> test </td> <td style="width: 169px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none; "> test </td> <td style="width: 147px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none; "> test </td> </tr> <tr style="height: 202px;"> <td style="width: 72px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none;"> test </td> <td style="width: 169px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; height: 0px;"> test </td> <td style="width: 147px; border-width: 1px; border-color: rgb(216, 216, 216); border-style: solid; display: none;"> test </td> </tr> </tbody> </table> </body> </html>

Attachments
result screenshot (436.32 KB, image/png) 2024-08-15 21:08 PDT, lxuan029	no flags	Details
test case (2.82 KB, text/html) 2024-08-19 15:49 PDT, Alexey Proskuryakov	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alexey Proskuryakov

Comment 1 2024-08-19 15:49:10 PDT

Same behavior with Safari 15 beta.

Alexey Proskuryakov

Comment 2 2024-08-19 15:49:25 PDT

Created attachment 472239 [details] test case Same gets as an attachment.

Radar WebKit Bug Importer

Comment 3 2024-08-22 21:09:17 PDT

<rdar://problem/134545270>

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