OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 body { margin:0; } |
| 4 </style> |
| 5 <script src="../../resources/check-layout.js"></script> |
| 6 <!-- This test is a bit clunky, so that it actually would fail without the code
changes that land |
| 7 together with his test. There's a translation bug for fixed positioneds ins
ide transforms in |
| 8 the LayoutState class (there's even a FIXME). Prior to the code changes, it
would accidentally |
| 9 disable pagination inside fixed positioneds in many cases, so without some
weirdness in the |
| 10 test, it would also pass accidentally without the fix. --> |
| 11 <div style="position:absolute;"> |
| 12 <p>Test that a fixed positioned object inside a transform inside a multicol
isn't paginated.</p> |
| 13 <p>The word "YO" should be seen below, with large letter spacing.</p> |
| 14 </div> |
| 15 <div id="multicol" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:a
uto; width:2em; height:200px; line-height:50px;"> |
| 16 <div style="position:relative; transform:translateX(0); height:350px;"> |
| 17 <div style="position:fixed;"> |
| 18 <div style="height:150px;"></div> |
| 19 <div style="white-space:nowrap;" data-offset-y="150"> |
| 20 <span style="vertical-align:top;">Y</span> |
| 21 <span style="line-height:80px;"> </span> |
| 22 </div> |
| 23 </div> |
| 24 </div> |
| 25 O |
| 26 </div> |
| 27 <script> |
| 28 checkLayout("#multicol"); |
| 29 </script> |
OLD | NEW |