OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>Border-after in vertical-rl mode, non-visible overflow</title> | |
5 <style> | |
6 body { color:black; background:white; } | |
7 #container { | |
8 -webkit-writing-mode: vertical-rl; | |
9 overflow:hidden; | |
10 -webkit-logical-height:100px; | |
11 -webkit-border-after:150px solid white; | |
Julien - ping for review
2013/07/15 23:50:33
I would rather have the test use physical coordina
mstensho (USE GERRIT)
2013/07/17 13:39:36
Done.
| |
12 background:red; | |
13 } | |
14 #inner { -webkit-logical-height:200px; background:white; } | |
15 </style> | |
16 <script> | |
17 if (window.testRunner) | |
18 testRunner.dumpAsText(); | |
19 </script> | |
20 </head> | |
21 <body> | |
22 <p>The word 'HEST' should be seen below, and there should be no red.</p> | |
23 <div id="container"> | |
24 <div id="inner">HEST</div> | |
25 </div> | |
26 <script> | |
27 if (window.testRunner) { | |
28 var logicalHeight = container.scrollWidth; | |
29 document.body.innerHTML = logicalHeight == 200 ? "PASS" : "FAIL - logica lHeight was " + logicalHeight; | |
Julien - ping for review
2013/07/15 23:50:33
I think this should be a check-layout.js test. Thi
mstensho (USE GERRIT)
2013/07/17 13:39:36
Done.
And thanks for the tip.
| |
30 } | |
31 </script> | |
32 </body> | |
33 </html> | |
OLD | NEW |