[Webkit-unassigned] [Bug 278211] New: In Safari 14, the heights of table rows containing cells with the rowspan attribute are not calculated according to the expected values

Thu Aug 15 21:08:56 PDT 2024

https://bugs.webkit.org/show_bug.cgi?id=278211

            Bug ID: 278211
           Summary: In Safari 14, the heights of table rows containing
                    cells with the rowspan attribute are not calculated
                    according to the expected values
           Product: WebKit
           Version: Other
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Tables
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: lxuan029 at 163.com
                CC: zalan at apple.com

Created attachment 472185

  --> https://bugs.webkit.org/attachment.cgi?id=472185&action=review

demo

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>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240816/e6473fbf/attachment-0001.htm>