| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Border-after in horizontal-bt mode, non-visible overflow</title> | |
| <style> | |
| body { color:black; background:white; } | |
| #container { | |
| -webkit-writing-mode: horizontal-bt; | |
| overflow:hidden; | |
| block-size:100px; | |
| border-block-end:150px solid white; | |
| background:red; | |
| } | |
| #inner { block-size:200px; background:white; } | |
| </style> | |
| <script> | |
| if (window.testRunner) | |
| testRunner.dumpAsText(); | |
| </script> | |
| </head> | |
| <body> | |
| <p>The word 'HEST' should be seen below, and there should be no red.</p> | |
| <div id="container"> | |
| <div id="inner">HEST</div> | |
| </div> | |
| <script> | |
| if (window.testRunner) { | |
| var height = container.scrollHeight; | |
| document.body.innerHTML = height == 200 ? "PASS" : "FAIL - height was " + height; | |
| } | |
| </script> | |
| </body> | |
| </html> |