layout/reftests/pagination/column-balancing-break-inside-avoid-2-ref.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <html class="reftest-wait">
michael@0 2 <head>
michael@0 3 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
michael@0 4 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
michael@0 5 <meta name="flags" content="paged">
michael@0 6 <meta charset="utf-8">
michael@0 7 <title>Balancing Overflow, page-break-inside:avoid</title>
michael@0 8 <style>
michael@0 9 /* Sets of heights that trigger crash:
michael@0 10 100px/50px/51+px
michael@0 11 100px/30px/74+px
michael@0 12 Get only an assert unless you set ".d { position: absolute; }".
michael@0 13
michael@0 14 Trigger hang (separate issue, absolute not needed):
michael@0 15 10px/10px/9999px
michael@0 16 10px/10px/999999px --> "bad height" notreached
michael@0 17 */
michael@0 18 /* Note: The -moz-column-gap and the backgrounds
michael@0 19 are just added here for easier visualization */
michael@0 20 #colset { width: 200px;
michael@0 21 padding: 2px;
michael@0 22 -moz-column-count: 3;
michael@0 23 -moz-column-gap: 2px; }
michael@0 24 #a { height: 100px; background: lightblue;}
michael@0 25 #b { height: 50px; background: lightblue;}
michael@0 26 #c { height: 51px; background: orange;}
michael@0 27 </style>
michael@0 28 <script>
michael@0 29 function boom() {
michael@0 30 document.getElementById('colset').offsetHeight;
michael@0 31 document.getElementById('a').style.height = 'auto';
michael@0 32 document.documentElement.className = ''
michael@0 33 }
michael@0 34 </script>
michael@0 35 </head>
michael@0 36 <!-- Removing whitespace in body for simpler frame trees -->
michael@0 37 <body onload="boom()"
michael@0 38 ><div id="colset"
michael@0 39 ><div
michael@0 40 ><div id="a"></div
michael@0 41 ><div id="b"
michael@0 42 ><div id="c"></div
michael@0 43 ><div id="d"></div
michael@0 44 ></div
michael@0 45 ></div
michael@0 46 ></div
michael@0 47 ></body>
michael@0 48 </html>

mercurial