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

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

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

mercurial