85e7b21c884809a176d3721e40a950c2b90a7874
[WebKit-https.git] / LayoutTests / fast / regions / selection-direction.html
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</div>
41     <div id="outside">outside region outside region outside region outside region</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 "outise region" to "inside region" the highlighted area is exactly the opposite to what the user is actually selecting.</p>
46     </div>
47 </body>
48 </html>