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