layout/reftests/margin-collapsing/column-sibling-1a-dyn.html

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

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html class="reftest-wait">
michael@0 3 <head>
michael@0 4 <style type="text/css">
michael@0 5 #block1, #block2 {
michael@0 6 height: 20px;
michael@0 7 background-color: orange;
michael@0 8 }
michael@0 9 #block1 {
michael@0 10 margin-bottom: 10px;
michael@0 11 }
michael@0 12 #multi-column {
michael@0 13 display: none;
michael@0 14 -moz-column-count: 1;
michael@0 15 column-count: 1;
michael@0 16 height: 20px;
michael@0 17 margin: 20px 0;
michael@0 18 background-color: blue;
michael@0 19 }
michael@0 20 #block2 {
michael@0 21 margin-top: 10px;
michael@0 22 }
michael@0 23 </style>
michael@0 24 <script type="text/javascript">
michael@0 25 function test() {
michael@0 26 document.getElementById('multi-column').style.display = 'block';
michael@0 27 document.documentElement.removeAttribute('class');
michael@0 28 }
michael@0 29 document.addEventListener('MozReftestInvalidate', test, false);
michael@0 30 </script>
michael@0 31 </head>
michael@0 32 <body>
michael@0 33 <div id="block1"></div>
michael@0 34 <div id="multi-column"></div>
michael@0 35 <div id="block2"></div>
michael@0 36 </body>
michael@0 37 </html>

mercurial