Fix sticky constraints and update sticky layer positions recursively after scroll.

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

+// Copyright 2016 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/LayoutBoxModelObject.h"
+
+#include "core/html/HTMLElement.h"
+#include "core/layout/ImageQualityController.h"
+#include "core/layout/LayoutTestHelper.h"
+#include "core/page/scrolling/StickyPositionScrollingConstraints.h"
+#include "core/paint/PaintLayer.h"
+#include "core/paint/PaintLayerScrollableArea.h"
+#include "testing/gtest/include/gtest/gtest.h"
+
+namespace blink {
+
+class LayoutBoxModelObjectTest : public RenderingTest {
+};
+
+// Verifies that the sticky constraints are correctly computed.
+TEST_F(LayoutBoxModelObjectTest, StickyPositionConstraints)
+{
+    setBodyInnerHTML("<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; }"
+        "#container { box-sizing: border-box; position: relative; top: 100px; height: 400px; width: 200px; padding: 10px; border: 5px solid black; }"
+        "#scroller { height: 100px; overflow: auto; position: relative; top: 200px; }"
+        ".spacer { height: 1000px; }</style>"
+        "<div id='scroller'><div id='container'><div id='sticky'></div></div><div class='spacer'></div></div>");
+    LayoutBoxModelObject* scroller = toLayoutBoxModelObject(getLayoutObjectByElementId("scroller"));
+    scroller->getScrollableArea()->scrollToYOffset(50);
+    ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset());
+    LayoutBoxModelObject* sticky = toLayoutBoxModelObject(getLayoutObjectByElementId("sticky"));
+    sticky->updateStickyPositionConstraints();
+    ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer());
+
+    const StickyPositionScrollingConstraints& constraints = scroller->getScrollableArea()->stickyConstraintsMap().get(sticky->layer());
+    ASSERT_EQ(0.f, constraints.topOffset());
+
+    // The coordinates of the constraint rects should all be with respect to the unscrolled scroller.
+    ASSERT_EQ(IntRect(15, 115, 170, 370), enclosingIntRect(constraints.scrollContainerRelativeContainingBlockRect()));

[chrishtr, 2016/06/06 22:18:40]

Why 115 and not 15?

[flackr, 2016/06/09 17:13:33]

Because it's 115 from the top of the scrollable area (see the top: 100px in
#container)

+    ASSERT_EQ(IntRect(15, 115, 100, 100), enclosingIntRect(constraints.scrollContainerRelativeStickyBoxRect()));
+}
+
+// Verifies that the sticky constraints are correct when the sticky position container is also
+// the ancestor scroller.
+TEST_F(LayoutBoxModelObjectTest, StickyPositionContainerIsScroller)
+{
+    setBodyInnerHTML("<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; }"
+        "#scroller { height: 100px; width: 400px; overflow: auto; position: relative; top: 200px; }"
+        ".spacer { height: 1000px; }</style>"
+        "<div id='scroller'><div id='sticky'></div><div class='spacer'></div></div>");
+    LayoutBoxModelObject* scroller = toLayoutBoxModelObject(getLayoutObjectByElementId("scroller"));
+    scroller->getScrollableArea()->scrollToYOffset(50);
+    ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset());
+    LayoutBoxModelObject* sticky = toLayoutBoxModelObject(getLayoutObjectByElementId("sticky"));
+    sticky->updateStickyPositionConstraints();
+    ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer());
+
+    const StickyPositionScrollingConstraints& constraints = scroller->getScrollableArea()->stickyConstraintsMap().get(sticky->layer());
+    ASSERT_EQ(IntRect(0, 0, 400, 1100), enclosingIntRect(constraints.scrollContainerRelativeContainingBlockRect()));

[chrishtr, 2016/06/06 22:18:39]

Why should it include the overflow (and hence height=1100)?

[flackr, 2016/06/09 17:13:33]

Because the #sticky element is constrained to the containing block, which is in
this case the entire scrollable area / overflow. This allows it to move down as
we scroll without recomputing sticky constraints.

+    ASSERT_EQ(IntRect(0, 0, 100, 100), enclosingIntRect(constraints.scrollContainerRelativeStickyBoxRect()));
+}
+
+// Verifies that the sticky constraints are correct when the sticky position object has an
+// anonymous containing block.
+TEST_F(LayoutBoxModelObjectTest, StickyPositionAnonymousContainer)
+{
+    setBodyInnerHTML("<style>#sticky { display: inline-block; position: sticky; top: 0; width: 100px; height: 100px; }"
+        "#container { box-sizing: border-box; position: relative; top: 100px; height: 400px; width: 200px; padding: 10px; border: 5px solid black; }"

[chrishtr, 2016/06/06 22:18:40]

Where is the anonymous containing block in this example? Don't see a case of a
block inside an
inline..am I missing it?

[flackr, 2016/06/09 17:13:33]

Inside .container, .header is a block and #sticky is inline.

+        "#scroller { height: 100px; overflow: auto; position: relative; top: 200px; }"
+        ".header { height: 50px; }"
+        ".spacer { height: 1000px; }</style>"
+        "<div id='scroller'><div id='container'><div class='header'></div><div id='sticky'></div></div><div class='spacer'></div></div>");
+    LayoutBoxModelObject* scroller = toLayoutBoxModelObject(getLayoutObjectByElementId("scroller"));
+    scroller->getScrollableArea()->scrollToYOffset(50);
+    ASSERT_EQ(50.0, scroller->getScrollableArea()->scrollYOffset());
+    LayoutBoxModelObject* sticky = toLayoutBoxModelObject(getLayoutObjectByElementId("sticky"));
+    sticky->updateStickyPositionConstraints();
+    ASSERT_EQ(scroller->layer(), sticky->layer()->ancestorOverflowLayer());
+
+    const StickyPositionScrollingConstraints& constraints = scroller->getScrollableArea()->stickyConstraintsMap().get(sticky->layer());
+    ASSERT_EQ(IntRect(15, 115, 170, 370), enclosingIntRect(constraints.scrollContainerRelativeContainingBlockRect()));
+    ASSERT_EQ(IntRect(15, 165, 100, 100), enclosingIntRect(constraints.scrollContainerRelativeStickyBoxRect()));
+}
+} // namespace blink