collapsed-border-partial-invalidation-001.html (943B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="author" title="David Shin" href="dshin@mozilla.com"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1879731"> 5 <link rel="match" href="collapsed-border-partial-invalidation-001-ref.html"> 6 <meta name="assert" content="Invalidating part of a border-collapsed table keeps border styling correctly."> 7 <style> 8 table { 9 border-collapse: collapse; 10 } 11 12 .group { 13 border-left: 1px solid black; 14 border-right: 3px solid black; 15 } 16 </style> 17 <table> 18 <tbody id="table"> 19 <tr><td class="group">X</td></tr> 20 <tr><td>X</td></tr> 21 </tbody> 22 </table> 23 24 <script> 25 onload = function () { 26 // Make sure the table layout is flushed 27 table.getBoundingClientRect(); 28 const tr = document.createElement('tr'); 29 const td = document.createElement('td'); 30 td.innerText = "X"; 31 tr.appendChild(td); 32 table.appendChild(tr); 33 document.documentElement.className = ""; 34 } 35 </script> 36 </html>