column-balancing-break-inside-avoid-2.html (1492B)
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; }". 13 14 Trigger hang (separate issue, absolute not needed): 15 10px/10px/9999px 16 10px/10px/999999px --> "bad height" notreached 17 */ 18 /* Note: The column-gap and the backgrounds 19 are just added here for easier visualization */ 20 #colset { width: 200px; 21 padding: 2px; 22 column-count: 3; 23 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>