layout/reftests/bugs/371041-1.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>
michael@0 3 <head>
michael@0 4 <style>
michael@0 5 div.source { display: none; font-size: 20px }
michael@0 6 div.source2 { font-size: 20px ; height: 0; margin: 0; visibility: hidden; }
michael@0 7 div { background: blue; margin: 10px }
michael@0 8 </style>
michael@0 9 </head>
michael@0 10 <body>
michael@0 11 <!-- Put all the source divs after the test divs so the test divs can margin-collapse like the reference -->
michael@0 12
michael@0 13 <div id="test1"></div>
michael@0 14 <div id="test2"></div>
michael@0 15 <div id="test3"></div>
michael@0 16 <div id="test4"></div>
michael@0 17 <div id="test5"></div>
michael@0 18 <div id="test6"></div>
michael@0 19
michael@0 20 <div id="test7"></div>
michael@0 21 <div id="test8"></div>
michael@0 22 <div id="test9"></div>
michael@0 23 <div id="test10"></div>
michael@0 24 <div id="test11"></div>
michael@0 25 <div id="test12"></div>
michael@0 26
michael@0 27 <div id="source1" class="source">TEST</div>
michael@0 28 <div id="source2" class="source" style="line-height: 5px">TEST</div>
michael@0 29 <div id="source3" class="source" style="line-height: 2em">TEST</div>
michael@0 30 <div id="source4" class="source" style="line-height: normal">TEST</div>
michael@0 31 <div id="source5" class="source" style="line-height: 150%">TEST</div>
michael@0 32 <div id="source6" class="source" style="line-height: 0.5">TEST</div>
michael@0 33
michael@0 34 <div id="source7" class="source2">TEST</div>
michael@0 35 <div id="source8" class="source2" style="line-height: 5px">TEST</div>
michael@0 36 <div id="source9" class="source2" style="line-height: 2em">TEST</div>
michael@0 37 <div id="source10" class="source2" style="line-height: normal">TEST</div>
michael@0 38 <div id="source11" class="source2" style="line-height: 150%">TEST</div>
michael@0 39 <div id="source12" class="source2" style="line-height: 0.5">TEST</div>
michael@0 40
michael@0 41 <script>
michael@0 42 var d = document;
michael@0 43 for (var i = 1; i <= 12; ++i) {
michael@0 44 d.getElementById("test" + i).style.height =
michael@0 45 d.defaultView.getComputedStyle(d.getElementById("source" + i),
michael@0 46 "").lineHeight;
michael@0 47 }
michael@0 48 </script>
michael@0 49 </html>

mercurial