Implement the overflow-anchor CSS property as an opt-out for ScrollAnchoring

third_party/WebKit/Source/core/layout/ScrollAnchorTest.cpp

 // Copyright 2015 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/layout/ScrollAnchor.h"
 
 #include "core/dom/ClientRect.h"
 #include "core/frame/VisualViewport.h"
 #include "core/layout/LayoutBox.h"
 #include "core/layout/LayoutTestHelper.h"
@@ skipping 451 matching lines @@
     ScrollableArea* viewport = layoutViewport();
 
     scrollLayoutViewport(DoubleSize(0, 200));
     setHeight(document().getElementById("float"), 600);
 
     EXPECT_EQ(200, viewport->scrollPosition().y());
     EXPECT_EQ(document().getElementById("float")->layoutObject(),
         scrollAnchor(viewport).anchorObject());
 }
 
+TEST_F(ScrollAnchorTest, OptOutBody)
+{
+    setBodyInnerHTML(
+        "<style>"
+        "    body { height: 2000px; overflow-anchor: none; }"
+        "    #scroller { overflow: scroll; width: 500px; height: 300px; }"
+        "    .anchor {"
+        "        position:relative; height: 100px; width: 150px;"
+        "        background-color: #afa; border: 1px solid gray;"
+        "    }"
+        "    #forceScrolling { height: 500px; background-color: #fcc; }"
+        "</style>"
+        "<div id='outerChanger'></div>"
+        "<div id='outerAnchor' class='anchor'></div>"
+        "<div id='scroller'>"
+        "    <div id='innerChanger'></div>"
+        "    <div id='innerAnchor' class='anchor'></div>"
+        "    <div id='forceScrolling'></div>"
+        "</div>");
+
+    ScrollableArea* scroller = scrollerForElement(document().getElementById("scroller"));
+    ScrollableArea* viewport = layoutViewport();
+
+    document().getElementById("scroller")->setScrollTop(100);
+    scrollLayoutViewport(DoubleSize(0, 100));
+
+    setHeight(document().getElementById("innerChanger"), 200);
+    setHeight(document().getElementById("outerChanger"), 150);
+
+    // Scroll anchoring should apply within #scroller.
+    EXPECT_EQ(300, scroller->scrollPosition().y());
+    EXPECT_EQ(document().getElementById("innerAnchor")->layoutObject(),
+        scrollAnchor(scroller).anchorObject());
+    // Scroll anchoring should not apply within main frame.
+    EXPECT_EQ(100, viewport->scrollPosition().y());
+    EXPECT_EQ(nullptr, scrollAnchor(viewport).anchorObject());
+}
+
+TEST_F(ScrollAnchorTest, OptOutScrollingDiv)
+{
+    setBodyInnerHTML(
+        "<style>"
+        "    body { height: 2000px; }"
+        "    #scroller {"
+        "        overflow: scroll; width: 500px; height: 300px;"
+        "        overflow-anchor: none;"
+        "    }"
+        "    .anchor {"
+        "        position:relative; height: 100px; width: 150px;"
+        "        background-color: #afa; border: 1px solid gray;"
+        "    }"
+        "    #forceScrolling { height: 500px; background-color: #fcc; }"
+        "</style>"
+        "<div id='outerChanger'></div>"
+        "<div id='outerAnchor' class='anchor'></div>"
+        "<div id='scroller'>"
+        "    <div id='innerChanger'></div>"
+        "    <div id='innerAnchor' class='anchor'></div>"
+        "    <div id='forceScrolling'></div>"
+        "</div>");
+
+    ScrollableArea* scroller = scrollerForElement(document().getElementById("scroller"));
+    ScrollableArea* viewport = layoutViewport();
+
+    document().getElementById("scroller")->setScrollTop(100);
+    scrollLayoutViewport(DoubleSize(0, 100));
+
+    setHeight(document().getElementById("innerChanger"), 200);
+    setHeight(document().getElementById("outerChanger"), 150);
+
+    // Scroll anchoring should not apply within #scroller.
+    EXPECT_EQ(100, scroller->scrollPosition().y());
+    EXPECT_EQ(nullptr, scrollAnchor(scroller).anchorObject());
+    // Scroll anchoring should apply within main frame.
+    EXPECT_EQ(250, viewport->scrollPosition().y());
+    EXPECT_EQ(document().getElementById("outerAnchor")->layoutObject(),
+        scrollAnchor(viewport).anchorObject());
+}
+
 class ScrollAnchorCornerTest : public ScrollAnchorTest {
 protected:
     void checkCorner(const AtomicString& id, Corner corner, DoublePoint startPos, DoubleSize expectedAdjustment)
     {
         ScrollableArea* viewport = layoutViewport();
         Element* element = document().getElementById(id);
 
         viewport->setScrollPosition(startPos, UserScroll);
         element->setAttribute(HTMLNames::classAttr, "big");
         update();
@@ skipping 129 matching lines @@
         "<div id=c></div>"
         "<div id=d></div>");
 
     checkCorner("b", Corner::TopRight, DoublePoint(-20,  20),  DoubleSize(0, 0));
     checkCorner("a", Corner::TopRight, DoublePoint(-420, 20),  DoubleSize(400, 0));
     checkCorner("d", Corner::TopRight, DoublePoint(-20,  320), DoubleSize(0, -300));
     checkCorner("c", Corner::TopRight, DoublePoint(-420, 320), DoubleSize(400, -300));
 }
 
 }