src/third_party/WebKit/LayoutTests/fast/regions/selection/selecting-text-in-2-regions-vert-lr.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../resources/helper.js"></script>
   5     <link rel="stylesheet" href="../resources/region-style.css"></link>
   6     <style>
   7         html {
   8             -webkit-writing-mode: vertical-lr;
   9         }
  10     </style>
  11     <script>
  12         onMouseUpLogSelection("selected-content");
  13     </script>
  14 </head>
  15 <body onload="selectContentByIdsVertical('word1', 'word2');" style="margin-left: 0;">
  16     <div class="flowArticle">
  17         inside region inside region inside region inside region
  18         <span id="word1" class="token">word1</span>
  19         inside region inside region inside region inside region
  20         <span class="break"></span>
  21         inside region inside region inside region inside region
  22         <span id="word2" class="token">word2</span>
  23         inside region inside region inside region inside region
  24     </div>
  25     <div class="regionArticle greyBigBoxVertical"></div>
  26     <div class="bigBoxVertical">
  27         outside region outside region outside region outside region
  28         outside region outside region outside region outside region
  29     </div>
  30     <div class="regionArticle greyBigBoxVertical"></div>
  31     <div class="descriptionVertical">
  32         <h1><a href="https://bugs.webkit.org/show_bug.cgi?id=121841">Bug #121841 - [CSS Regions] Layout Test for selecting text in 2 regions</a></h1>
  33         <p>This test checks the selection in 2 regions. If you select from <span class="token">word1</span> to <span class="token">word2</span> you will see that "outside region" text is not highlighted and not included in the selected content.</p>
  34         <dl>
  35             <dt>Selected content:</dt>
  36             <dd id="selected-content"></dd>
  37         </dl>
  38     </div>
  39 </body>
  40 </html>