Walk the container chain to correctly find nested inline sticky ancestors.

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/dom/DOMTokenList.h"
 #include "core/dom/DocumentLifecycle.h"
 #include "core/html/HTMLElement.h"
 #include "core/layout/ImageQualityController.h"
@@ skipping 323 matching lines @@
 //
 // In most cases, this pointer should be null since your parent is normally your
 // containing block. However there are cases where this is not true, including
 // inline blocks and tables. The latter is currently irrelevant since only table
 // cells can be sticky in CSS2.1, but we can test the former.
 TEST_F(LayoutBoxModelObjectTest,
        StickyPositionFindsCorrectStickyBoxShiftingAncestor) {
   setBodyInnerHTML(
       "<style>#stickyOuterDiv { position: sticky; }"
       "#stickyOuterInline { position: sticky; display: inline; }"
-      "#stickyInnerInline { position: sticky; display: inline; }</style>"
-      "<div id='stickyOuterDiv'><div id='stickyOuterInline'>"
-      "<div id='stickyInnerInline'></div></div></div>");
+      "#stickyInnerInline { position: sticky; display: inline; }"
+      ".inline { display: inline; }</style>"
+      "<div id='stickyOuterDiv'>"
+      "  <div id='stickyOuterInline'>"
+      "    <div class='inline'>"
+      "      <div id='stickyInnerInline'></div>"
+      "    </div>"
+      "  </div>"
+      "</div>");
 
   LayoutBoxModelObject* stickyOuterDiv =
       toLayoutBoxModelObject(getLayoutObjectByElementId("stickyOuterDiv"));
   LayoutBoxModelObject* stickyOuterInline =
       toLayoutBoxModelObject(getLayoutObjectByElementId("stickyOuterInline"));
   LayoutBoxModelObject* stickyInnerInline =
       toLayoutBoxModelObject(getLayoutObjectByElementId("stickyInnerInline"));
 
   PaintLayerScrollableArea* scrollableArea =
       stickyOuterDiv->layer()->ancestorOverflowLayer()->getScrollableArea();
   ASSERT_TRUE(scrollableArea);
   StickyConstraintsMap constraintsMap = scrollableArea->stickyConstraintsMap();
 
   ASSERT_TRUE(constraintsMap.contains(stickyOuterDiv->layer()));
   ASSERT_TRUE(constraintsMap.contains(stickyOuterInline->layer()));
   ASSERT_TRUE(constraintsMap.contains(stickyInnerInline->layer()));
 
   // The outer block element trivially has no sticky-box shifting ancestor.
   EXPECT_FALSE(constraintsMap.at(stickyOuterDiv->layer())
                    .nearestStickyBoxShiftingStickyBox());
 
   // Neither does the outer inline element, as its parent element is also its
   // containing block.
   EXPECT_FALSE(constraintsMap.at(stickyOuterInline->layer())
                    .nearestStickyBoxShiftingStickyBox());
 
   // However the inner inline element does have a sticky-box shifting ancestor,
-  // as its containing block is the ancestor block element, not its parent.
+  // as its containing block is the ancestor block element, above its ancestor
+  // sticky element.
   EXPECT_EQ(stickyOuterInline,
             constraintsMap.at(stickyInnerInline->layer())
                 .nearestStickyBoxShiftingStickyBox());
 }
 
 // Verifies that the correct containing-block shifting ancestor is found when
 // computing the sticky constraints. Any such ancestor is the first sticky
 // element between your containing block (inclusive) and your ancestor overflow
 // layer (exclusive).
 TEST_F(LayoutBoxModelObjectTest,
@@ skipping 451 matching lines @@
   EXPECT_EQ(LayoutSize(0, 25), innerStickyTh->stickyPositionOffset());
 }
 
 // Verifies that the calculated position:sticky offsets are correct in the case
 // of nested inline elements.
 TEST_F(LayoutBoxModelObjectTest, StickyPositionNestedInlineElements) {
   setBodyInnerHTML(
       "<style>#scroller { width: 100px; height: 100px; overflow-y: scroll; }"
       "#paddingBefore { height: 50px; }"
       "#outerInline { display: inline; position: sticky; top: 0; }"
+      ".inline {display: inline;}"
       "#innerInline { display: inline; position: sticky; top: 25px; }"
       "#paddingAfter { height: 200px; }</style>"
-      "<div id='scroller'><div id='paddingBefore'></div><div id='outerInline'>"
-      "<div id='innerInline'></div></div><div id='paddingAfter'></div></div>");
+      "<div id='scroller'>"
+      "  <div id='paddingBefore'></div>"
+      "  <div id='outerInline'>"
+      "    <div class='inline'>"
+      "      <div id='innerInline'></div>"
+      "    </div>"
+      "  </div>"
+      "  <div id='paddingAfter'></div>"
+      "</div>");
 
   LayoutBoxModelObject* outerInline =
       toLayoutBoxModelObject(getLayoutObjectByElementId("outerInline"));
   LayoutBoxModelObject* innerInline =
       toLayoutBoxModelObject(getLayoutObjectByElementId("innerInline"));
 
   // Scroll the page down.
   LayoutBoxModelObject* scroller =
       toLayoutBoxModelObject(getLayoutObjectByElementId("scroller"));
   PaintLayerScrollableArea* scrollableArea = scroller->getScrollableArea();
@@ skipping 45 matching lines @@
 
   // TODO(smcgruer): Until http://crbug.com/686164 is fixed, we need to update
   // the constraints here before calculations will be correct.
   innerSticky->updateStickyPositionConstraints();
 
   EXPECT_EQ(LayoutSize(0, 100), outerSticky->stickyPositionOffset());
   EXPECT_EQ(LayoutSize(0, 25), innerSticky->stickyPositionOffset());
 }
 
 }  // namespace blink