| Index: LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html
|
| diff --git a/LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html b/LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html
|
| index 8e7d7552dd58fa30a7d5238c9cf1b5bae18b4281..f731557833c33a5fd0075a6e0764c6e3e82deb89 100644
|
| --- a/LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html
|
| +++ b/LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html
|
| @@ -1,12 +1,19 @@
|
| -<html>
|
| -<body style="margin:0;">
|
| - <div id="container" style="width:400px; overflow:-webkit-paged-x; -webkit-writing-mode:vertical-rl;">
|
| - <div style="width:100%; height:100%; margin:8px;">
|
| - <img src="resources/big-green.png" style="width:100%; height:100%; max-width:100%; max-height:100%;"/>
|
| +<!DOCTYPE html>
|
| +<style>
|
| + .filler { display:inline-block; height:200px; width:1px; }
|
| +</style>
|
| +<p>Test that a paged container in vertical writing mode shrinks to fit within its containing block.</p>
|
| +<p>There should be a yellow rectangle below, and the word 'PASS' should be seen in the bottom left corner.</p>
|
| +<div style="height:300px; background:yellow;">
|
| + <div style="width:50%; overflow:-webkit-paged-x; -webkit-writing-mode:vertical-lr; background:yellow;">
|
| + <div style="float:right; height:1.2em;">
|
| + <!-- Cannot set writing mode directly on the float, because of crbug.com/461040 -->
|
| + <div style="-webkit-writing-mode:horizontal-tb;">
|
| + PASS
|
| + </div>
|
| </div>
|
| + <div class="filler"></div>
|
| + <div class="filler"></div>
|
| + <div class="filler"></div>
|
| </div>
|
| - <script>
|
| - document.getElementById("container").scrollLeft = -400;
|
| - </script>
|
| -</body>
|
| -</html>
|
| +</div>
|
|
|