tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

toggle-row-display-property-001.html (1035B)

      1 <!DOCTYPE html>
      2 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
      3 <link rel="help" href="https://www.w3.org/TR/CSS2/visuren.html#display-prop">
      4 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=764031">
      5 <link rel="match" href="toggle-row-display-property-001-ref.html">
      6 <meta name="assert" content="After setting display:table-row on tr elements with display:none, the table should look same as if display:none were never used." />
      7 
      8 <style>
      9 td, th {
     10  border: 1px solid black;
     11 }
     12 tr {
     13  display: none;
     14 }
     15 </style>
     16 
     17 <table id=theTable>
     18  <tr>
     19    <th colspan="4">This cell must span all columns for repro in chrome</th>
     20  </tr>
     21  <tr>
     22    <td rowspan="3" style="height:200px">A</td>
     23  </tr>
     24  <tr>
     25    <td>1</td>
     26    <td>2</td>
     27    <td>3</td>
     28  </tr>
     29  <tr>
     30    <td>1</td>
     31    <td>2</td>
     32    <td>3</td>
     33  </tr>
     34 </table>
     35 
     36 <script>
     37 theTable.offsetTop;
     38 let rows = document.querySelectorAll('tr');
     39 for (var i = 0; i < rows.length; i++) {
     40  rows[i].style.display = 'table-row';
     41 }
     42 </script>