src/third_party/WebKit/LayoutTests/fast/regions/selection/selecting-text-ignoring-region.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     <script>
   7         onMouseUpLogSelection("selected-content");
   8     </script>
   9 </head>
  10 <body onload="selectContentByIds('word1', 'word2');" style="margin-top: 0;">
  11     <div class="flowArticle">
  12         inside region inside region inside region inside region
  13         inside region inside region inside region inside region
  14     </div>
  15     <div class="bigBox floatLeft">
  16         outside region outside region outside region outside region
  17         <span id="word1" class="token">word1</span>
  18         outside region outside region outside region outside region
  19     </div>
  20     <div class="clear"></div>
  21     <div class="regionArticle greyBigBox"></div>
  22     <div class="bigBox floatLeft">
  23         outside region outside region outside region outside region
  24         <span id="word2" class="token">word2</span>
  25         outside region outside region outside region outside region
  26     </div>
  27     <div class="clear"></div>
  28     <div class="description">
  29         <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>
  30         <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>
  31         <dl>
  32             <dt>Selected content:</dt>
  33             <dd id="selected-content"></dd>
  34         </dl>
  35     </div>
  36 </body>
  37 </html>