| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Border-after in vertical-rl mode, non-visible overflow</title> |
| <style> |
| body { color:black; background:white; } |
| #container { |
| -webkit-writing-mode: vertical-rl; |
| writing-mode: vertical-rl; |
| overflow:scroll; |
| width:100px; |
| border-left:150px solid white; |
| background:red; |
| } |
| #inner { width:200px; background:white; } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| </head> |
| <body onload="checkLayout('#container'); container.scrollLeft = 1000;"> |
| <!-- We have to set the scroll position, because of https://bugs.webkit.org/show_bug.cgi?id=76129 |
| Furthermore, inner.scrollIntoView() doesn't work, so just set some insane left value. |
| This is just to make it look good; checkLayout() doesn't care. --> |
| <p>The word 'HEST' should be seen below, and there should be no red.</p> |
| <div id="container" data-expected-scroll-width="200"> |
| <div id="inner">HEST</div> |
| </div> |
| </body> |
| </html> |