The Tor Browser / file comparison
comparison: layout/reftests/pagination/column-balancing-break-inside-avoid-2.html
layout/reftests/pagination/column-balancing-break-inside-avoid-2.html
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
equal
deleted
inserted
replaced
| -1:000000000000 | 0:a650efc75a2b |
|---|---|
| 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 -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> |
