| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <html> | 
|  | 2 <head> | 
|  | 3     <style> | 
|  | 4         #source { | 
|  | 5             -webkit-flow-into: content; | 
|  | 6         } | 
|  | 7 | 
|  | 8         #region { | 
|  | 9             -webkit-flow-from: content; | 
|  | 10             height: 100px; | 
|  | 11             width: 200px; | 
|  | 12         } | 
|  | 13 | 
|  | 14         #outside { | 
|  | 15             height: 100px; | 
|  | 16             width: 200px; | 
|  | 17         } | 
|  | 18 | 
|  | 19         body { | 
|  | 20             margin-top: 0; | 
|  | 21         } | 
|  | 22 | 
|  | 23         #description { | 
|  | 24             width: 600px; | 
|  | 25         } | 
|  | 26     </style> | 
|  | 27     <script> | 
|  | 28         function selectText() { | 
|  | 29             if (window.testRunner) { | 
|  | 30                 eventSender.mouseMoveTo(100, 10); | 
|  | 31                 eventSender.mouseDown(); | 
|  | 32 | 
|  | 33                 eventSender.mouseMoveTo(100, 110); | 
|  | 34                 eventSender.mouseUp(); | 
|  | 35             } | 
|  | 36         } | 
|  | 37     </script> | 
|  | 38 </head> | 
|  | 39 <body onload="selectText();"> | 
|  | 40     <div id="source">inside region inside region inside region inside region</di
    v> | 
|  | 41     <div id="outside">outside region outside region outside region outside regio
    n</div> | 
|  | 42     <div id="region"></div> | 
|  | 43     <div id="description"> | 
|  | 44         <h1><a href="https://bugs.webkit.org/show_bug.cgi?id=121501">Bug #121501
     - [CSS Regions] Layout Test for selection direction</a></h1> | 
|  | 45         <p>Selection is based in DOM tree, so if you select text from "outside r
    egion" to "inside region" the highlighted area is exactly the opposite to what t
    he user is actually selecting.</p> | 
|  | 46     </div> | 
|  | 47 </body> | 
|  | 48 </html> | 
| OLD | NEW | 
|---|