Algorithm for deciding if a frame's selection should be hidden

third_party/WebKit/Source/core/editing/FrameSelectionTest.cpp

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "core/editing/FrameSelection.h"
 
 #include <memory>
 #include "bindings/core/v8/ExceptionState.h"
 #include "core/dom/Document.h"
 #include "core/dom/Element.h"
@@ skipping 331 matching lines @@
                                .Build());
   // Should not crash inside.
   const VisibleSelectionInFlatTree& selection =
       Selection().ComputeVisibleSelectionInFlatTree();
 
   // This only records the current behavior. It might be changed in the future.
   EXPECT_EQ(PositionInFlatTree(foo, 0), selection.Base());
   EXPECT_EQ(PositionInFlatTree(foo, 0), selection.Extent());
 }
 
+TEST_F(FrameSelectionTest, CaretInShadowTree) {

[Xiaocheng, 2017/05/05 18:32:02]

Let's have two test cases:
- CaretInTextControl
- CaretInShadowTree (that is not a UA shadow tree under text control)

The reason is that we treat text controls and other shadow trees differently.

[hugoh_UTC2, 2017/05/08 08:28:14]

You mean a caret inside a <div contenteditable> that's inside a shadow tree?
yosin@, is there a simpler/better "caret in shadow tree"-case?

[yosin_UTC9, 2017/05/08 09:00:10]

Following example can be simple(?):

SetBodyContent("<p id=host></p>");
ShadowRoot* shadow_root = SetShadowContent("<div contenteditable></div>");
Node* editable = shadow_root->firstChild();

VisibleUnitsTest.cpp has some usage SetShadowContent()

[hugoh_UTC2, 2017/05/08 11:40:02]

Done. See PS11.

+  SetBodyContent("<input id='field'>");  // <input> hosts a shadow tree.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  field->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Caret is now hidden.
+}
+
+TEST_F(FrameSelectionTest, RangeInShadowTree) {

[Xiaocheng, 2017/05/05 18:32:02]

Ditto.

[hugoh_UTC2, 2017/05/08 11:40:02]

Done. See PS11.

+  SetBodyContent("<input id='field' value='hola'>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  field->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Range is now hidden.
+}
+
+// crbug.com/692898
+TEST_F(FrameSelectionTest, FocusingLinkHidesCaretInTextControl) {
+  SetBodyContent(
+      "<input id='field'>"
+      "<a href='www' id='alink'>link</a>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+}
+
+// crbug.com/692898
+TEST_F(FrameSelectionTest, FocusingLinkHidesRangeInTextControl) {
+  SetBodyContent(
+      "<input id='field' value='hola'>"
+      "<a href='www' id='alink'>link</a>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+}
+
+TEST_F(FrameSelectionTest, FocusingButtonHidesRangeInReadOnlyTextControl) {
+  SetBodyContent(
+      "<textarea readonly>Berlin</textarea>"
+      "<input type='submit' value='Submit'>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const textarea = GetDocument().QuerySelector("textarea");
+  textarea->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const submit = GetDocument().QuerySelector("input");
+  submit->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+}
+
+TEST_F(FrameSelectionTest, FocusingButtonHidesRangeInDisabledTextControl) {
+  SetBodyContent(
+      "<textarea disabled>Berlin</textarea>"
+      "<input type='submit' value='Submit'>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const textarea = GetDocument().QuerySelector("textarea");
+  textarea->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+
+  // We use a double click to create the selection [Berlin].

[Xiaocheng, 2017/05/05 18:32:02]

We can use FrameSelection::SetSelection to set selection in disabled text
control:

Element* inner_editor = ToTextControlElement(textarea)->InnerEditorElement();
Selection().SetSelection(SelectionInDOMTree::Builder().SelectAllChildren(*inner_editor).Build());

[hugoh_UTC2, 2017/05/08 08:28:14]

Thanks. But let's use double click anyway since it is closer to what end users
do? Having some variation might also help us catch more bugs.

+  // FrameSelection::SelectAll (= textarea.select() in JavaScript) would have
+  // been shorter, but currently that doesn't work on a *disabled* text control.
+  const IntRect elem_bounds = textarea->BoundsInViewport();
+  WebMouseEvent double_click(WebMouseEvent::kMouseDown, 0,
+                             WebInputEvent::kTimeStampForTesting);
+  double_click.SetPositionInWidget(elem_bounds.X(), elem_bounds.Y());
+  double_click.SetPositionInScreen(elem_bounds.X(), elem_bounds.Y());
+  double_click.button = WebMouseEvent::Button::kLeft;
+  double_click.click_count = 2;
+  double_click.SetFrameScale(1);
+
+  GetFrame().GetEventHandler().HandleMousePressEvent(double_click);
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const submit = GetDocument().QuerySelector("input");
+  submit->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+}
+
+// crbug.com/713051
+TEST_F(FrameSelectionTest, FocusingNonEditableParentHidesCaretInTextControl) {
+  SetBodyContent(
+      "<div tabindex='-1' id='parent'>"
+      "  <input id='field'>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  // Here the selection belongs to <input>'s shadow tree and that tree has a
+  // non-editable parent that is focused.
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Focus is outside <input>
+                                        // so caret should not be visible.
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Caret is still hidden.
+}
+
+// crbug.com/713051
+TEST_F(FrameSelectionTest, FocusingNonEditableParentHidesRangeInTextControl) {
+  SetBodyContent(
+      "<div tabindex='-1' id='parent'>"
+      "  <input id='field' value='hola'>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const field = GetDocument().getElementById("field");
+  field->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  // Here the selection belongs to <input>'s shadow tree and that tree has a
+  // non-editable parent that is focused.
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Focus is outside <input>
+                                        // so range should not be visible.
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Range is still hidden.
+}
+
+TEST_F(FrameSelectionTest, CaretInFocusedEditableDiv) {
+  SetBodyContent("<div contenteditable id='ce'>blabla</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  ce->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Caret is now hidden.
+}
+
+TEST_F(FrameSelectionTest, RangeInFocusedEditableDiv) {
+  SetBodyContent("<div contenteditable id='ce'>blabla</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  ce->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Range is still visible.
+}
+
+TEST_F(FrameSelectionTest, FocusingLinkHidesCaretInContentEditable) {
+  SetBodyContent(
+      "<div contenteditable id='ce'>blabla</div>"
+      "<a href='www' id='alink'>link</a>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+}
+
+TEST_F(FrameSelectionTest, FocusingLinkKeepsRangeInContentEditable) {
+  SetBodyContent(
+      "<div contenteditable id='ce'>blabla</div>"
+      "<a href='www' id='alink'>link</a>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+}
+
+TEST_F(FrameSelectionTest, FocusingEditableParentKeepsEditableCaret) {
+  SetBodyContent(
+      "<div contenteditable tabindex='-1' id='parent'>"
+      "<div contenteditable id='ce'>blabla</div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  // TODO(editing-dev): Blink should be able to focus the inner <div>.
+  //  Element* const ce = GetDocument().getElementById("ce");
+  //  ce->focus();
+  //  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  //  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Focus is within editing boundary,
+                                         // caret should be visible.
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Focus is outside editing boundary
+                                        // so caret should be hidden.
+}
+
+TEST_F(FrameSelectionTest, FocusingEditableParentKeepsEditableRange) {
+  SetBodyContent(
+      "<div contenteditable tabindex='-1' id='parent'>"
+      "<div contenteditable id='ce'>blabla</div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  // TODO(editing-dev): Blink should be able to focus the inner <div>.
+  //  Element* const ce = GetDocument().getElementById("ce");
+  //  ce->focus();
+  //  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  //  EXPECT_FALSE(Selection().IsHidden());
+
+  //  Selection().SelectAll();
+  //  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  //  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Focus is within editing boundary,
+                                         // range should be visible.
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Focus is outside editing boundary
+                                         // but range should still be visible.
+}
+
+TEST_F(FrameSelectionTest, FocusingNonEditableParentHidesEditableCaret) {
+  SetBodyContent(
+      "<div tabindex='-1' id='parent'>"
+      "<div contenteditable id='ce'>blabla</div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  // Here the selection belongs to <divs>'s shadow tree and that tree has a

[yosin_UTC9, 2017/05/08 05:36:52]

nit: s/divs/div/

[hugoh_UTC2, 2017/05/08 11:40:03]

Done. See PS11.

+  // non-editable parent that is focused.
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Focus is outside editing boundary
+                                        // so caret should be hidden.
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());  // Caret is still hidden.
+}
+
+TEST_F(FrameSelectionTest, FocusingNonEditableParentKeepsEditableRange) {
+  SetBodyContent(
+      "<div tabindex='-1' id='parent'>"
+      "<div contenteditable id='ce'>blabla</div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const ce = GetDocument().getElementById("ce");
+  ce->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsCaret());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Selection().SelectAll();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  // Here the selection belongs to <divs>'s shadow tree and that tree has a
+  // non-editable parent that is focused.
+  Element* const parent = GetDocument().getElementById("parent");
+  parent->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Focus is outside editing boundary
+                                         // but range should still be visible.
+
+  parent->blur();  // Move focus to document body.
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Range is still visible.
+}
+
+// crbug.com/707143
+TEST_F(FrameSelectionTest, RangeContainsFocus) {
+  SetBodyContent(
+      "<div>"
+      "  <div>"
+      "    <span id='start'>start</span>"
+      "  </div>"
+      "  <a href='www' id='alink'>link</a>"
+      "  <div>line 1</div>"
+      "  <div id='middle'>line 2</div>"
+      "  <div>line 3</div>"
+      "  <div>line 4</div>"
+      "  <span id='end'>end</span>"
+      "  <div></div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const start = GetDocument().getElementById("start");
+  Element* const end = GetDocument().getElementById("end");
+  Selection().SetSelection(
+      SelectionInDOMTree::Builder()
+          .SetBaseAndExtent(Position(start, 0), Position(end, 0))
+          .Build());
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Range still visible.
+}
+
+// crbug.com/707143
+TEST_F(FrameSelectionTest, RangeOutsideFocus) {
+  // Here the selection sits on a sub tree that hasn't the focused element.
+  // This test case is the reason why we separate FrameSelection::HasFocus() and
+  // FrameSelection::IsHidden(). Even when the selection's DOM nodes are
+  // completely disconnected from the focused node, we still want the selection
+  // to be visible (not hidden).
+  SetBodyContent(
+      "<a href='www' id='alink'>link</a>"
+      "<div>"
+      "  <div>"
+      "    <span id='start'>start</span>"
+      "  </div>"
+      "  <div>line 1</div>"
+      "  <div id='middle'>line 2</div>"
+      "  <div>line 3</div>"
+      "  <div>line 4</div>"
+      "  <span id='end'>end</span>"
+      "  <div></div>"
+      "</div>");
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsNone());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_TRUE(Selection().IsHidden());
+
+  Element* const start = GetDocument().getElementById("start");
+  Element* const end = GetDocument().getElementById("end");
+  Selection().SetSelection(
+      SelectionInDOMTree::Builder()
+          .SetBaseAndExtent(Position(start, 0), Position(end, 0))
+          .Build());
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_TRUE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());
+
+  Element* const alink = GetDocument().getElementById("alink");
+  alink->focus();
+  EXPECT_TRUE(Selection().GetSelectionInDOMTree().IsRange());
+  EXPECT_FALSE(Selection().HasFocus());
+  EXPECT_FALSE(Selection().IsHidden());  // Range still visible.
+}
+
 }  // namespace blink