[CSSRegions] Not possible to clear the selection when mixing content from different FlowThreads

LayoutTests/fast/regions/selecting-text-through-different-region-flows-2.html

Index: LayoutTests/fast/regions/selecting-text-through-different-region-flows-2.html
diff --git a/LayoutTests/fast/regions/selecting-text-through-different-region-flows.html b/LayoutTests/fast/regions/selecting-text-through-different-region-flows-2.html
similarity index 67%
copy from LayoutTests/fast/regions/selecting-text-through-different-region-flows.html
copy to LayoutTests/fast/regions/selecting-text-through-different-region-flows-2.html
index 65f9a04fc7b272c75e16a4dd6f537423b9db5807..e283e026662e78a0f93c0f158c1e9300cb6ee6c9 100644
--- a/LayoutTests/fast/regions/selecting-text-through-different-region-flows.html
+++ b/LayoutTests/fast/regions/selecting-text-through-different-region-flows-2.html
@@ -22,9 +22,9 @@ body { width: 600px; }
 <div id="content">
     <h1 style="margin-top: 0px">Selecting text through different CSS-Region flows</h1>
     <div id="contentText">
-        This text contains a footnote as a nested region what is diplayed below the article. (1) <span id="footNote">
+        This text contains a footnote as a nested region what is diplayed <span id="start">below</span> the article. (1) <span id="footNote">
         <span><span></span>(1) This is a footnote. Footnotes can be quite long and go over several lines. This footnote
-        is nested inside the text above and displayed here with the help of css-regions.</span></span> If you start selecting
+        is nested inside the text <span id="end">above</span> and displayed here with the help of css-regions.</span></span> If you start selecting
         text from this article until somewhere in the footnote and then click somewhere, the selection should be cleared.
     </div>
 </div>
@@ -32,23 +32,18 @@ body { width: 600px; }
 <script>
 if (window.testRunner) {
     // We are positioning the mouse to the center of the contentText and start holding the mouse down
-    var start = document.getElementById("contentText");
-    var xStartPosition = start.offsetLeft + 10;
+    var start = document.getElementById("start");
+    var xStartPosition = start.offsetLeft + 0;
     var yStartPosition = start.offsetTop + start.offsetHeight / 2;
     eventSender.mouseMoveTo(xStartPosition, yStartPosition);
     eventSender.mouseDown();
 
-    // We are posotioning the mouse to the center of the footNote (what is a different region flow) and release the button
-    var end = document.getElementById("footNoteRegion");
-    var xEndPosition = end.offsetLeft + end.offsetWidth / 2;
+    // We are positioning the mouse to the center of the footNote (what is a different region flow) and release the button
+    var end = document.getElementById("end");
+    var xEndPosition = end.offsetLeft + 0;
     var yEndPosition = end.offsetTop + end.offsetHeight / 2;
     eventSender.mouseMoveTo(xEndPosition, yEndPosition);
     eventSender.mouseUp();
-
-    // We are moving the mouse somewhere else and click to clear the selection
-    eventSender.mouseMoveTo(1, 1);
-    eventSender.mouseDown();
-    eventSender.mouseUp();
 }
 </script>
 </body>