src/third_party/WebKit/LayoutTests/fast/regions/selection/selecting-text-in-2-regions-horiz-bt-expected.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: horizontal-bt;
   9         }
  10
  11         #region-1 {
  12             position: absolute;
  13             bottom: 0px;
  14         }
  15
  16         #region-2 {
  17             position: absolute;
  18             bottom: 200px;
  19         }
  20
  21         #outside {
  22             position: absolute;
  23             bottom: 100px;
  24         }
  25
  26         #description {
  27             position: absolute;
  28             bottom: 300px;
  29         }
  30     </style>
  31     <script>
  32         onMouseUpLogSelection("selected-content");
  33     </script>
  34 </head>
  35 <body onload="selectContentByIds('word1', 'word2');" style="margin-bottom: 0;">
  36     <div id="region-1" class="greyBigBox">
  37         inside region inside region inside region inside region
  38         <span id="word1" class="token">word1</span>
  39         inside region inside region inside region inside region
  40     </div>
  41     <div id="region-2" class="greyBigBox">
  42         inside region inside region inside region inside region
  43         <span id="word2" class="token">word2</span>
  44         inside region inside region inside region inside region
  45     </div>
  46     <div id="outside" class="bigBox">
  47         outside region outside region outside region outside region
  48         outside region outside region outside region outside region
  49     </div>
  50     <div id="description" class="description">
  51         <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>
  52         <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>
  53         <dl>
  54             <dt>Selected content:</dt>
  55             <dd id="selected-content"></dd>
  56         </dl>
  57     </div>
  58 </body>
  59 </html>