The Tor Browser: layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html@141e0f1194b1 (annotated)

layout/reftests/margin-collapsing/table-caption-bottom-1-dyn.html@141e0f1194b1 (annotated)

Wed, 31 Dec 2014 07:16:47 +0100

Revert simplistic fix pending revisit of Mozilla integration attempt.

 <!DOCTYPE html>
 <html class="reftest-wait">
 <head>
 <style type="text/css">
 #block1, #block2 {
  height: 20px;
  background-color: green;
 }
 #block1 {
  margin-bottom: 10px;
 }
 #block2 {
  margin-top: 10px;
 }
 #table {
  display: table;
 }
 #caption {
  display: table-cell;
  caption-side: bottom;
  height: 20px;
  margin: 20px 0;
  background-color: blue;
 }
 #cell {
  display: table-cell;
  width: 100px;
  height: 20px;
  background-color: orange;
 }
 </style>
 <script type="text/javascript">
 function test() {
  document.getElementById('caption').style.display = 'table-caption';
  document.documentElement.removeAttribute('class');
 }
 document.addEventListener('MozReftestInvalidate', test, false);
 </script>
 </head>
 <body>
 <div id="block1"></div>
 <div id="table">
  <div id="caption"></div>
  <div id="cell"></div>
 </div>
 <div id="block2"></div>
 </body>
 </html>