Commit 6531bb6b authored by Morten Stenshorne's avatar Morten Stenshorne Committed by Commit Bot

Change some fast/pagination/ tests to write pass conditions in horizontal-tb.

Apart from making it more human neck friendly, those which were in
vertical-lr would expose bug 850504 (once support for anonymous NG table
cells is enabled), which really isn't an interesting thing to test in
these tests. To be consistent, rewrite all tests to use horizontal-tb,
not just those that previously used vertical-lr.

viewport-y-vertical-XX-rtl additionally need a fixed horizontal offset
for the absolutely positioned box in the ref. Not sure what went wrong,
but both NG and legacy decided to act up in identical ways.

Bug: 850504
Change-Id: I888db0680c5d543c9ac19a1ae8ab9ca791d8b259
Cq-Include-Trybots: luci.chromium.try:linux_layout_tests_layout_ng
Reviewed-on: https://chromium-review.googlesource.com/1099384Reviewed-by: default avatarKoji Ishii <kojii@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#567197}
parent 5179909c
......@@ -4,8 +4,8 @@
<title>Paged X overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:ltr; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:rtl; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, left to right block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:ltr; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, left to right block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, left to right block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:rtl; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, left to right block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, right to left block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:ltr; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, right to left block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, right to left block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:auto;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:rtl; overflow:auto;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged X overflow, right to left block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:auto;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:ltr; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr; -webkit-writing-mode:horizontal-tb;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr; -webkit-writing-mode:horizontal-tb;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:auto;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:rtl; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr; -webkit-writing-mode:horizontal-tb;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:35em; height:10em; border:1px solid black; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr; -webkit-writing-mode:horizontal-tb;">
<div style="position:relative; width:35em; height:30em; border:1px solid black; writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, left to right block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:auto;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:ltr; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, left to right block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, left to right block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:auto;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:rtl; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, left to right block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, right to left block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:auto;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:ltr; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, right to left block flow, ltr inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -4,9 +4,9 @@
<title>Paged Y overflow, right to left block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:auto;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:rtl; overflow:auto;">
<div style="position:absolute; width:1px; height:200%;"></div>
<div style="display:table; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
......@@ -4,8 +4,8 @@
<title>Paged Y overflow, right to left block flow, rtl inline flow</title>
</head>
<body>
<div style="position:relative; width:10em; height:35em; border:1px solid black; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<div style="position:relative; width:30em; height:35em; border:1px solid black; writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:rtl;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, left to right block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, left to right block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, left to right block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:rtl;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, left to right block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be to the right of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, right to left block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, right to left block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, right to left block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:rtl;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged X overflow, right to left block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-x; overflow:paged-x; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be to the left of this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, top to bottom block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="-webkit-writing-mode:horizontal-tb; display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:rtl;">
<div style="-webkit-writing-mode:horizontal-tb; display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, top to bottom block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="-webkit-writing-mode:horizontal-tb; display:table; direction:ltr;">
<body style="margin:0; writing-mode:horizontal-tb; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, left to right block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, left to right block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top left of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,12 +3,12 @@
<head>
<title>Paged Y overflow, left to right block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:rtl;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
</div>
<div style="position:absolute; bottom:0; width:1px; height:200vh;"></div>
<div style="position:absolute; left:0; bottom:0; width:1px; height:200vh;"></div>
</body>
</html>
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, left to right block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-lr; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom left of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, right to left block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:ltr;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:ltr;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, right to left block flow, ltr inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:ltr; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the top right of the first page<br>
There should be two pages<br>
The second page should be below this one<br>
......
......@@ -3,12 +3,12 @@
<head>
<title>Paged Y overflow, right to left block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:rtl;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:rtl;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
</div>
<div style="position:absolute; bottom:0; width:1px; height:200vh;"></div>
<div style="position:absolute; right:0; bottom:0; width:1px; height:200vh;"></div>
</body>
</html>
......@@ -3,8 +3,8 @@
<head>
<title>Paged Y overflow, right to left block flow, rtl inline flow</title>
</head>
<body style="margin:0; -webkit-writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; direction:ltr;">
<body style="margin:0; writing-mode:vertical-rl; direction:rtl; overflow:-webkit-paged-y; overflow:paged-y; -webkit-column-gap:0;">
<div style="display:table; writing-mode:horizontal-tb; direction:ltr;">
This text should be at the bottom right of the first page<br>
There should be two pages<br>
The second page should be above this one<br>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment