layout/reftests/floats/546048-1.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Testcase, bug 546048</title>
   5 <script type="text/javascript">
   6
   7 // Simulate the image loading after the page loads.
   8 function move_image()
   9 {
  10     var img = document.querySelector("img");
  11     var root = document.documentElement;
  12     img.style.width='5px';
  13     root.style.display='none';
  14     img.offsetHeight;
  15     root.style.display='';
  16     img.offsetHeight;
  17     img.style.width='';
  18 }
  19
  20 window.addEventListener("load", move_image);
  21
  22 </script>
  23
  24 <style type="text/css">
  25
  26 body { font-size: 10px }
  27 dl { min-height: 35px; }
  28 dt { float: left; width: 50%; padding-left: 45px; }
  29 span { float: left; }
  30
  31 </style>
  32
  33 </head>
  34
  35 <body>
  36         <dl>
  37                 <dt>
  38                         <span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>                                     Heading<br />
  39                         This is the line that overlaps the float.
  40         </dl>
  41         <dl>
  42                 <dt>
  43                         <span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="></span>                                     Heading<br />
  44                         Here's an equivalent line where we don't simulate the image loading after the page.
  45         </dl>
  46
  47 </body>
  48 </html>