src/third_party/WebKit/LayoutTests/fast/regions/selection/selecting-text-ignoring-region-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
  11         body {
  12             margin-left: 0;
  13         }
  14     </style>
  15     <script>
  16         onMouseUpLogSelection("selected-content");
  17     </script>
  18 </head>
  19 <body onload="selectContentByIdsVertical('word1', 'word2');">
  20     <div class="flowArticle">
  21         inside region inside region inside region inside region
  22         inside region inside region inside region inside region
  23     </div>
  24     <div class="bigBoxVertical floatLeft">
  25         outside region outside region outside region outside region
  26         <span id="word1" class="token">word1</span>
  27         outside region outside region outside region outside region
  28     </div>
  29     <div class="clear"></div>
  30     <div class="regionArticle greyBigBoxVertical"></div>
  31     <div class="bigBoxVertical floatLeft">
  32         outside region outside region outside region outside region
  33         <span id="word2" class="token">word2</span>
  34         outside region outside region outside region outside region
  35     </div>
  36     <div class="clear"></div>
  37     <div class="descriptionVertical">
  38         <h1><a href="https://bugs.webkit.org/show_bug.cgi?id=122353">Bug #122353 - [CSS Regions] Layout Test for selecting text ignoring region content</a></h1>
  39         <p>This test checks the selection in 2 text wrapping a region. If you select from <span class="token">word1</span> to <span class="token">word2</span> you will see that "inside region" text is not highlighted and not included in the selected content (because of the content of the region is before the "outside region" element in the DOM).</p>
  40         <dl>
  41             <dt>Selected content:</dt>
  42             <dd id="selected-content"></dd>
  43         </dl>
  44     </div>
  45 </body>
  46 </html>