src/third_party/WebKit/LayoutTests/fast/regions/overflow-last-region-vert-rl.html

   1 <!doctype html>
   2 <html style="-webkit-writing-mode: vertical-rl; font: 16px/1.25 monospace;">
   3     <head>
   4         <style>
   5             #content {
   6                 -webkit-flow-into: flow;
   7             }
   8             .overflow { color: orange; }
   9             #content > p { margin: 0; }
  10
  11             #region1, #region2 { -webkit-flow-from: flow; width: 100px; height: 100px; }
  12             #region1 { position: absolute; right: 200px; top: 100px; border: 5px solid green;}
  13             #region2 { position: absolute; right: 350px; top: 100px; border: 5px solid blue;}
  14         </style>
  15     </head>
  16     <body>
  17         <p>Test that overflow content for the last region in chain is correctly displayed in different writing modes.</p>
  18         <p>On success, the orange lines of text should be visible above the blue border rectangle.</p>
  19         <div id="content">
  20             <p>Linetext1</p>
  21             <p>Linetext2</p>
  22             <p>Linetext3</p>
  23             <p>Linetext4</p>
  24             <p>Linetext5</p>
  25             <p>Linetext6</p>
  26             <p>Linetext7</p>
  27             <p>Linetext8</p>
  28             <p>Linetext9</p>
  29             <p>Linetext10</p>
  30             <br/>
  31             <p class="overflow">Overflow11</p>
  32             <p class="overflow">Overflow12</p>
  33         </div>
  34         <div id="region1"></div>
  35         <div id="region2"></div>
  36     </body>
  37 </html>