layout/reftests/margin-collapsing/caption-sibling-2-dyn.html

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

     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: table-caption;
    19  height: 20px;
    20  background-color: blue;
    21  margin-top: 10px;
    22  margin-bottom: 20px;
    23 }
    24 #caption3 {
    25  display: table-caption;
    26  height: 20px;
    27  background-color: green;
    28  margin-top: 10px;
    29 }
    30 </style>
    31 <script type="text/javascript">
    32 function test() {
    33  document.getElementById('caption2').style.display = 'none';
    34  document.documentElement.removeAttribute('class');
    35 }
    36 document.addEventListener('MozReftestInvalidate', test, false);
    37 </script>
    38 </head>
    39 <body>
    40 <div id="table">
    41  <div id="caption1"></div>
    42  <div id="caption2"></div>
    43  <div id="caption3"></div>
    44 </div>
    45 </body>
    46 </html>

mercurial