| 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         html { |  | 
|   8             -webkit-writing-mode: vertical-lr; |  | 
|   9         } |  | 
|  10  |  | 
|  11         #region-1 { |  | 
|  12             position: absolute; |  | 
|  13             left: 0px; |  | 
|  14         } |  | 
|  15  |  | 
|  16         #region-2 { |  | 
|  17             position: absolute; |  | 
|  18             left: 200px; |  | 
|  19         } |  | 
|  20  |  | 
|  21         #outside { |  | 
|  22             position: absolute; |  | 
|  23             left: 100px; |  | 
|  24         } |  | 
|  25  |  | 
|  26         #description { |  | 
|  27             position: absolute; |  | 
|  28             left: 300px; |  | 
|  29         } |  | 
|  30     </style> |  | 
|  31     <script> |  | 
|  32         onMouseUpLogSelection("selected-content"); |  | 
|  33     </script> |  | 
|  34 </head> |  | 
|  35 <body onload="selectContentByIdsVertical('word1', 'word2');" style="margin-left:
     0;"> |  | 
|  36     <div id="region-1" class="greyBigBoxVertical"> |  | 
|  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="greyBigBoxVertical"> |  | 
|  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="bigBoxVertical"> |  | 
|  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="descriptionVertical"> |  | 
|  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 tha
    t "outside region" text is not highlighted and not included in the selected cont
    ent.</p> |  | 
|  53         <dl> |  | 
|  54             <dt>Selected content:</dt> |  | 
|  55             <dd id="selected-content"></dd> |  | 
|  56         </dl> |  | 
|  57     </div> |  | 
|  58 </body> |  | 
|  59 </html> |  | 
| OLD | NEW |