| OLD | NEW | 
 | (Empty) | 
|   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         #region-1 { |  | 
|   8             position: absolute; |  | 
|   9             top: 0px; |  | 
|  10         } |  | 
|  11  |  | 
|  12         #region-2 { |  | 
|  13             position: absolute; |  | 
|  14             top: 200px; |  | 
|  15         } |  | 
|  16  |  | 
|  17         #outside { |  | 
|  18             position: absolute; |  | 
|  19             top: 100px; |  | 
|  20         } |  | 
|  21  |  | 
|  22         #description { |  | 
|  23             position: absolute; |  | 
|  24             top: 300px; |  | 
|  25         } |  | 
|  26     </style> |  | 
|  27     <script> |  | 
|  28         onMouseUpLogSelection("selected-content"); |  | 
|  29     </script> |  | 
|  30 </head> |  | 
|  31 <body onload="selectContentByIds('word1', 'word2');" style="margin-top: 0;"> |  | 
|  32     <div id="region-1" class="greyBigBox"> |  | 
|  33         inside region inside region inside region inside region |  | 
|  34         <span id="word1" class="token">word1</span> |  | 
|  35         inside region inside region inside region inside region |  | 
|  36     </div> |  | 
|  37     <div id="region-2" class="greyBigBox"> |  | 
|  38         inside region inside region inside region inside region |  | 
|  39         <span id="word2" class="token">word2</span> |  | 
|  40         inside region inside region inside region inside region |  | 
|  41     </div> |  | 
|  42     <div id="outside" class="bigBox"> |  | 
|  43         outside region outside region outside region outside region |  | 
|  44         outside region outside region outside region outside region |  | 
|  45     </div> |  | 
|  46     <div id="description" class="description"> |  | 
|  47         <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> |  | 
|  48         <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 tha
    t "outside region" text is not highlighted and not included in the selected cont
    ent.</p> |  | 
|  49         <dl> |  | 
|  50             <dt>Selected content:</dt> |  | 
|  51             <dd id="selected-content"></dd> |  | 
|  52         </dl> |  | 
|  53     </div> |  | 
|  54 </body> |  | 
|  55 </html> |  | 
| OLD | NEW |