| <!DOCTYPE html> |
| <style> |
| body { margin:0; } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <!-- This test is a bit clunky, so that it actually would fail without the code changes that land |
| together with his test. There's a translation bug for fixed positioneds inside transforms in |
| the LayoutState class (there's even a FIXME). Prior to the code changes, it would accidentally |
| disable pagination inside fixed positioneds in many cases, so without some weirdness in the |
| test, it would also pass accidentally without the fix. --> |
| <div style="position:absolute;"> |
| <p>Test that a fixed positioned object inside a transform inside a multicol isn't paginated.</p> |
| <p>The word "YO" should be seen below, with large letter spacing.</p> |
| </div> |
| <div id="multicol" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; width:2em; height:200px; line-height:50px;"> |
| <div style="position:relative; transform:translateX(0); height:350px;"> |
| <div style="position:fixed;"> |
| <div style="height:150px;"></div> |
| <div style="white-space:nowrap;" data-offset-y="150"> |
| <span style="vertical-align:top;">Y</span> |
| <span style="line-height:80px;"> </span> |
| </div> |
| </div> |
| </div> |
| O |
| </div> |
| <script> |
| checkLayout("#multicol"); |
| </script> |