layout/reftests/columns/column-balancing-overflow-004.html@925c144e1f1f (annotated)
layout/reftests/columns/column-balancing-overflow-004.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.
| michael@0 | 1 | <html class="reftest-wait"> |
| michael@0 | 2 | <head><style> |
| michael@0 | 3 | /* Sets of heights that trigger crash: |
| michael@0 | 4 | 100px/50px/51+px |
| michael@0 | 5 | 100px/30px/74+px |
| michael@0 | 6 | Get only an assert unless you set ".d { position: absolute; }". |
| michael@0 | 7 | |
| michael@0 | 8 | Trigger hang (separate issue, absolute not needed): |
| michael@0 | 9 | 10px/10px/9999px |
| michael@0 | 10 | 10px/10px/999999px --> "bad height" notreached |
| michael@0 | 11 | */ |
| michael@0 | 12 | /* Note: The -moz-column-gap and the backgrounds |
| michael@0 | 13 | are just added here for easier visualization */ |
| michael@0 | 14 | #colset { width: 200px; |
| michael@0 | 15 | padding: 2px; |
| michael@0 | 16 | -moz-column-count: 3; |
| michael@0 | 17 | -moz-column-gap: 2px; } |
| michael@0 | 18 | #a { height: 100px; background: lightblue;} |
| michael@0 | 19 | #b { height: 50px; background: lightgreen;} |
| michael@0 | 20 | #c { height: 51px; background: orange;} |
| michael@0 | 21 | |
| michael@0 | 22 | </style> |
| michael@0 | 23 | <script> |
| michael@0 | 24 | function boom() { |
| michael@0 | 25 | document.getElementById('colset').offsetHeight; |
| michael@0 | 26 | document.getElementById('a').style.height = 'auto'; |
| michael@0 | 27 | document.documentElement.className = '' |
| michael@0 | 28 | } |
| michael@0 | 29 | </script> |
| michael@0 | 30 | </head> |
| michael@0 | 31 | <!-- Removing whitespace in body for simpler frame trees --> |
| michael@0 | 32 | <body onload="boom()" |
| michael@0 | 33 | ><div id="colset" |
| michael@0 | 34 | ><div |
| michael@0 | 35 | ><div id="a"></div |
| michael@0 | 36 | ><div id="b" |
| michael@0 | 37 | ><div id="c"></div |
| michael@0 | 38 | ><div id="d"></div |
| michael@0 | 39 | ></div |
| michael@0 | 40 | ></div |
| michael@0 | 41 | ></div |
| michael@0 | 42 | ></body> |
| michael@0 | 43 | </html> |
