caption-sibling-1c-dyn.html (930B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <!-- dbaron thinks the validity of this test is questionable, see 5 https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 --> 6 <style type="text/css"> 7 #table { 8 display: table; 9 width: 100px; 10 } 11 #caption1 { 12 display: table-caption; 13 height: 20px; 14 background-color: red; 15 margin-bottom: 20px; 16 } 17 #caption2 { 18 display: none; 19 height: 20px; 20 background-color: blue; 21 margin: 10px 0; 22 } 23 #caption3 { 24 display: table-caption; 25 height: 20px; 26 background-color: green; 27 margin-top: 20px; 28 } 29 </style> 30 <script type="text/javascript"> 31 function test() { 32 document.getElementById('caption2').style.display = 'table-caption'; 33 document.documentElement.removeAttribute('class'); 34 } 35 document.addEventListener('MozReftestInvalidate', test); 36 </script> 37 </head> 38 <body> 39 <div id="table"> 40 <div id="caption1"></div> 41 <div id="caption2"></div> 42 <div id="caption3"></div> 43 </div> 44 </body> 45 </html>