collapsed-border-partial-invalidation-002.html (941B)
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-002-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-top: 1px solid black; 14 border-bottom: 3px solid black; 15 } 16 </style> 17 <table id="table"> 18 <tr id="row"><td class="group">X</td><td>X</td><td id="last" class="group">X</td></tr> 19 </table> 20 <script> 21 onload = function () { 22 // Make sure the table layout is flushed 23 table.getBoundingClientRect(); 24 let td = document.createElement('td'); 25 td.innerText = "X"; 26 // Requring #last is an unfortunate side effect of bug 1880560. 27 last.before(td); 28 document.documentElement.className = ""; 29 } 30 </script> 31 </html>