| // 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/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 { |
| protected: |
| const FloatRect& GetScrollContainerRelativeContainingBlockRect( |
| const StickyPositionScrollingConstraints& constraints) const { |
| return constraints.ScrollContainerRelativeContainingBlockRect(); |
| } |
| |
| const FloatRect& GetScrollContainerRelativeStickyBoxRect( |
| const StickyPositionScrollingConstraints& constraints) const { |
| return constraints.ScrollContainerRelativeStickyBoxRect(); |
| } |
| }; |
| |
| // 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 { width: 400px; height: 100px; overflow: auto; " |
| "position: relative; top: 200px; border: 2px solid black; }" |
| ".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")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollOffsetInt().Width(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(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( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(15, 115, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| |
| // The sticky constraining rect also doesn't include the border offset. |
| ASSERT_EQ(IntRect(0, 50, 400, 100), |
| EnclosingIntRect(sticky->ComputeStickyConstrainingRect())); |
| } |
| |
| // Verifies that the sticky constraints are correctly computed in right to left. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionVerticalRLConstraints) { |
| SetBodyInnerHTML( |
| "<style> html { -webkit-writing-mode: vertical-rl; } " |
| "#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 { width: 400px; height: 100px; overflow: auto; " |
| "position: relative; top: 200px; border: 2px solid black; }" |
| ".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")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollOffsetInt().Width(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(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(215, 115, 170, 370), |
| EnclosingIntRect( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(285, 115, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| |
| // The sticky constraining rect also doesn't include the border offset. |
| ASSERT_EQ(IntRect(0, 50, 400, 100), |
| EnclosingIntRect(sticky->ComputeStickyConstrainingRect())); |
| } |
| |
| // Verifies that the sticky constraints are not affected by transforms |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionTransforms) { |
| SetBodyInnerHTML( |
| "<style>#sticky { position: sticky; top: 0; width: 100px; height: 100px; " |
| "transform: scale(2); transform-origin: top left; }" |
| "#container { box-sizing: border-box; position: relative; top: 100px; " |
| "height: 400px; width: 200px; padding: 10px; border: 5px solid black; " |
| "transform: scale(2); transform-origin: top left; }" |
| "#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")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollOffsetInt().Width(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(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( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(15, 115, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| } |
| |
| // Verifies that the sticky constraints are correctly computed. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionPercentageStyles) { |
| SetBodyInnerHTML( |
| "<style>#sticky { position: sticky; margin-top: 10%; top: 0; width: " |
| "100px; height: 100px; }" |
| "#container { box-sizing: border-box; position: relative; top: 100px; " |
| "height: 400px; width: 250px; padding: 5%; border: 5px solid black; }" |
| "#scroller { width: 400px; 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")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer()); |
| ASSERT_EQ(0.f, constraints.TopOffset()); |
| |
| ASSERT_EQ(IntRect(25, 145, 200, 330), |
| EnclosingIntRect( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(25, 145, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| } |
| |
| // 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; border: 2px solid black; }" |
| ".spacer { height: 1000px; }</style>" |
| "<div id='scroller'><div id='sticky'></div><div " |
| "class='spacer'></div></div>"); |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer()); |
| ASSERT_EQ(IntRect(0, 0, 400, 1100), |
| EnclosingIntRect( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(0, 0, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| } |
| |
| // 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; }" |
| "#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")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| ASSERT_EQ(scroller->Layer(), sticky->Layer()->AncestorOverflowLayer()); |
| |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer()); |
| ASSERT_EQ(IntRect(15, 115, 170, 370), |
| EnclosingIntRect( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| ASSERT_EQ( |
| IntRect(15, 165, 100, 100), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| } |
| |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionTableContainers) { |
| SetBodyInnerHTML( |
| "<style> td, th { height: 50px; width: 50px; } " |
| "#sticky { position: sticky; left: 0; will-change: transform; }" |
| "table {border: none; }" |
| "#scroller { overflow: auto; }" |
| "</style>" |
| "<div id='scroller'>" |
| "<table cellspacing='0' cellpadding='0'>" |
| " <thead><tr><td></td></tr></thead>" |
| " <tr><td id='sticky'></td></tr>" |
| "</table></div>"); |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| sticky->UpdateStickyPositionConstraints(); |
| const StickyPositionScrollingConstraints& constraints = |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer()); |
| EXPECT_EQ(IntRect(0, 0, 50, 100), |
| EnclosingIntRect( |
| GetScrollContainerRelativeContainingBlockRect(constraints))); |
| EXPECT_EQ( |
| IntRect(0, 50, 50, 50), |
| EnclosingIntRect(GetScrollContainerRelativeStickyBoxRect(constraints))); |
| } |
| |
| // Tests that when a non-layer changes size it invalidates the constraints for |
| // sticky position elements within the same scroller. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionConstraintInvalidation) { |
| SetBodyInnerHTML( |
| "<style>" |
| "#scroller { overflow: auto; display: flex; width: 200px; }" |
| "#target { width: 50px; }" |
| "#sticky { position: sticky; top: 0; }" |
| ".container { width: 100px; margin-left: auto; margin-right: auto; }" |
| ".hide { display: none; }" |
| "</style>" |
| "<div id='scroller'>" |
| " <div style='flex: 1'>" |
| " <div class='container'><div id='sticky'></div>" |
| " </div>" |
| "</div>" |
| "<div class='spacer' id='target'></div>" |
| "</div>"); |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| LayoutBoxModelObject* sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("sticky")); |
| LayoutBoxModelObject* target = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("target")); |
| EXPECT_TRUE( |
| scrollable_area->GetStickyConstraintsMap().Contains(sticky->Layer())); |
| EXPECT_EQ(25.f, |
| GetScrollContainerRelativeStickyBoxRect( |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer())) |
| .Location() |
| .X()); |
| ToHTMLElement(target->GetNode())->classList().Add("hide"); |
| GetDocument().View()->UpdateLifecycleToLayoutClean(); |
| // Layout should invalidate the sticky constraints of the sticky element and |
| // mark it as needing a compositing inputs update. |
| EXPECT_FALSE( |
| scrollable_area->GetStickyConstraintsMap().Contains(sticky->Layer())); |
| EXPECT_TRUE(sticky->Layer()->NeedsCompositingInputsUpdate()); |
| |
| // After updating compositing inputs we should have the updated position. |
| GetDocument().View()->UpdateAllLifecyclePhases(); |
| EXPECT_EQ(50.f, |
| GetScrollContainerRelativeStickyBoxRect( |
| scrollable_area->GetStickyConstraintsMap().at(sticky->Layer())) |
| .Location() |
| .X()); |
| } |
| |
| // Verifies that the correct sticky-box shifting ancestor is found when |
| // computing the sticky constraints. Any such ancestor is the first sticky |
| // element between you and your containing block (exclusive). |
| // |
| // 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; top: 0;}" |
| "#stickyOuterInline { position: sticky; top: 0; display: inline; }" |
| "#unanchoredSticky { position: sticky; display: inline; }" |
| ".inline { display: inline; }" |
| "#stickyInnerInline { position: sticky; top: 0; display: inline; " |
| "}</style>" |
| "<div id='stickyOuterDiv'>" |
| " <div id='stickyOuterInline'>" |
| " <div id='unanchoredSticky'>" |
| " <div class='inline'>" |
| " <div id='stickyInnerInline'></div>" |
| " </div>" |
| " </div>" |
| " </div>" |
| "</div>"); |
| |
| LayoutBoxModelObject* sticky_outer_div = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyOuterDiv")); |
| LayoutBoxModelObject* sticky_outer_inline = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyOuterInline")); |
| LayoutBoxModelObject* unanchored_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("unanchoredSticky")); |
| LayoutBoxModelObject* sticky_inner_inline = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyInnerInline")); |
| |
| PaintLayerScrollableArea* scrollable_area = |
| sticky_outer_div->Layer()->AncestorOverflowLayer()->GetScrollableArea(); |
| ASSERT_TRUE(scrollable_area); |
| StickyConstraintsMap constraints_map = |
| scrollable_area->GetStickyConstraintsMap(); |
| |
| ASSERT_TRUE(constraints_map.Contains(sticky_outer_div->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_outer_inline->Layer())); |
| ASSERT_FALSE(constraints_map.Contains(unanchored_sticky->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_inner_inline->Layer())); |
| |
| // The outer block element trivially has no sticky-box shifting ancestor. |
| EXPECT_FALSE(constraints_map.at(sticky_outer_div->Layer()) |
| .NearestStickyBoxShiftingStickyBox()); |
| |
| // Neither does the outer inline element, as its parent element is also its |
| // containing block. |
| EXPECT_FALSE(constraints_map.at(sticky_outer_inline->Layer()) |
| .NearestStickyBoxShiftingStickyBox()); |
| |
| // However the inner inline element does have a sticky-box shifting ancestor, |
| // as its containing block is the ancestor block element, above its ancestor |
| // sticky element. |
| EXPECT_EQ(sticky_outer_inline, |
| constraints_map.at(sticky_inner_inline->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, |
| StickyPositionFindsCorrectContainingBlockShiftingAncestor) { |
| // We make the scroller itself sticky in order to check that elements do not |
| // detect it as their containing-block shifting ancestor. |
| SetBodyInnerHTML( |
| "<style>#scroller { overflow-y: scroll; position: sticky; top: 0;}" |
| "#stickyParent { position: sticky; top: 0;}" |
| "#stickyChild { position: sticky; top: 0;}" |
| "#unanchoredSticky { position: sticky; }" |
| "#stickyNestedChild { position: sticky; top: 0;}</style>" |
| "<div id='scroller'>" |
| " <div id='stickyParent'>" |
| " <div id='unanchoredSticky'>" |
| " <div id='stickyChild'></div>" |
| " <div><div id='stickyNestedChild'></div></div>" |
| " </div>" |
| " </div>" |
| "</div>"); |
| |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyChild")); |
| LayoutBoxModelObject* sticky_nested_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyNestedChild")); |
| |
| PaintLayerScrollableArea* scrollable_area = |
| scroller->Layer()->GetScrollableArea(); |
| ASSERT_TRUE(scrollable_area); |
| StickyConstraintsMap constraints_map = |
| scrollable_area->GetStickyConstraintsMap(); |
| |
| ASSERT_FALSE(constraints_map.Contains(scroller->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_parent->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_child->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_nested_child->Layer())); |
| |
| // The outer <div> should not detect the scroller as its containing-block |
| // shifting ancestor. |
| EXPECT_FALSE(constraints_map.at(sticky_parent->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| |
| // Both inner children should detect the parent <div> as their |
| // containing-block shifting ancestor. They skip past unanchored sticky |
| // because it will never have a non-zero offset. |
| EXPECT_EQ(sticky_parent, constraints_map.at(sticky_child->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| EXPECT_EQ(sticky_parent, constraints_map.at(sticky_nested_child->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| } |
| |
| // Verifies that the correct containing-block shifting ancestor is found when |
| // computing the sticky constraints, in the case where the overflow ancestor is |
| // the page itself. This is a special-case version of the test above, as we |
| // often treat the root page as special when it comes to scroll logic. It should |
| // not make a difference for containing-block shifting ancestor calculations. |
| TEST_F(LayoutBoxModelObjectTest, |
| StickyPositionFindsCorrectContainingBlockShiftingAncestorRoot) { |
| SetBodyInnerHTML( |
| "<style>#stickyParent { position: sticky; top: 0;}" |
| "#stickyGrandchild { position: sticky; top: 0;}</style>" |
| "<div id='stickyParent'><div><div id='stickyGrandchild'></div></div>" |
| "</div>"); |
| |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_grandchild = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyGrandchild")); |
| |
| PaintLayerScrollableArea* scrollable_area = |
| sticky_parent->Layer()->AncestorOverflowLayer()->GetScrollableArea(); |
| ASSERT_TRUE(scrollable_area); |
| StickyConstraintsMap constraints_map = |
| scrollable_area->GetStickyConstraintsMap(); |
| |
| ASSERT_TRUE(constraints_map.Contains(sticky_parent->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_grandchild->Layer())); |
| |
| // The grandchild sticky should detect the parent as its containing-block |
| // shifting ancestor. |
| EXPECT_EQ(sticky_parent, constraints_map.at(sticky_grandchild->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| } |
| |
| // Verifies that the correct containing-block shifting ancestor is found when |
| // computing the sticky constraints, in the case of tables. Tables are unusual |
| // because the containing block for all table elements is the <table> itself, so |
| // we have to skip over elements to find the correct ancestor. |
| TEST_F(LayoutBoxModelObjectTest, |
| StickyPositionFindsCorrectContainingBlockShiftingAncestorTable) { |
| SetBodyInnerHTML( |
| "<style>#scroller { overflow-y: scroll; }" |
| "#stickyOuter { position: sticky; top: 0;}" |
| "#stickyTh { position: sticky; top: 0;}</style>" |
| "<div id='scroller'><div id='stickyOuter'><table><thead><tr>" |
| "<th id='stickyTh'></th></tr></thead></table></div></div>"); |
| |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| LayoutBoxModelObject* sticky_outer = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyOuter")); |
| LayoutBoxModelObject* sticky_th = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyTh")); |
| |
| PaintLayerScrollableArea* scrollable_area = |
| scroller->Layer()->GetScrollableArea(); |
| ASSERT_TRUE(scrollable_area); |
| StickyConstraintsMap constraints_map = |
| scrollable_area->GetStickyConstraintsMap(); |
| |
| ASSERT_FALSE(constraints_map.Contains(scroller->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_outer->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(sticky_th->Layer())); |
| |
| // The table cell should detect the outer <div> as its containing-block |
| // shifting ancestor. |
| EXPECT_EQ(sticky_outer, constraints_map.at(sticky_th->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct when we have |
| // a simple case of nested sticky elements. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionNested) { |
| SetBodyInnerHTML( |
| "<style>#scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px }" |
| "#stickyParent { position: sticky; top: 0; height: 50px; }" |
| "#stickyChild { position: sticky; top: 0; height: 25px; }" |
| "#postPadding { height: 200px }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='stickyParent'>" |
| "<div id='stickyChild'></div></div><div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyChild")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // Both the parent and child sticky divs are attempting to place themselves at |
| // the top of the scrollable area. To achieve this the parent must offset on |
| // the y-axis against its starting position. The child is offset relative to |
| // its parent so should not move at all. |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), sticky_child->StickyPositionOffset()); |
| |
| sticky_parent->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| |
| sticky_child->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), sticky_child->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct when the |
| // child has a larger edge constraint value than the parent. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionChildHasLargerTop) { |
| SetBodyInnerHTML( |
| "<style>#scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px }" |
| "#stickyParent { position: sticky; top: 0; height: 50px; }" |
| "#stickyChild { position: sticky; top: 25px; height: 25px; }" |
| "#postPadding { height: 200px }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='stickyParent'>" |
| "<div id='stickyChild'></div></div><div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyChild")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // The parent is attempting to place itself at the top of the scrollable area, |
| // whilst the child is attempting to be 25 pixels from the top. To achieve |
| // this both must offset on the y-axis against their starting positions, but |
| // note the child is offset relative to the parent. |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), sticky_child->StickyPositionOffset()); |
| |
| sticky_parent->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| |
| sticky_child->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), sticky_child->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct when the |
| // child has a smaller edge constraint value than the parent. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionParentHasLargerTop) { |
| SetBodyInnerHTML( |
| "<style>#scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px }" |
| "#stickyParent { position: sticky; top: 25px; height: 50px; }" |
| "#stickyChild { position: sticky; top: 0; height: 25px; }" |
| "#postPadding { height: 200px }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='stickyParent'>" |
| "<div id='stickyChild'></div></div><div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyChild")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // The parent is attempting to place itself 25 pixels from the top of the |
| // scrollable area, whilst the child is attempting to be at the top. However, |
| // the child must stay contained within the parent, so it should be pushed |
| // down to the same height. As always, the child offset is relative. |
| EXPECT_EQ(LayoutSize(0, 75), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), sticky_child->StickyPositionOffset()); |
| |
| sticky_parent->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 75), sticky_parent->StickyPositionOffset()); |
| |
| sticky_child->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 75), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), sticky_child->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct when the |
| // child has a large enough edge constraint value to push outside of its parent. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionChildPushingOutsideParent) { |
| SetBodyInnerHTML( |
| "<style> #scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px; }" |
| "#stickyParent { position: sticky; top: 0; height: 50px; }" |
| "#stickyChild { position: sticky; top: 50px; height: 25px; }" |
| "#postPadding { height: 200px }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='stickyParent'>" |
| "<div id='stickyChild'></div></div><div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* sticky_parent = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyParent")); |
| LayoutBoxModelObject* sticky_child = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyChild")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // The parent is attempting to place itself at the top of the scrollable area, |
| // whilst the child is attempting to be 50 pixels from the top. However, there |
| // is only 25 pixels of space for the child to move into, so it should be |
| // capped by that offset. As always, the child offset is relative. |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), sticky_child->StickyPositionOffset()); |
| |
| sticky_parent->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| |
| sticky_child->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), sticky_parent->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), sticky_child->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct in the case |
| // of triple nesting. Triple (or more) nesting must be tested as the grandchild |
| // sticky must correct both its sticky box constraint rect and its containing |
| // block constaint rect. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionTripleNestedDiv) { |
| SetBodyInnerHTML( |
| "<style>#scroller { height: 200px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px; }" |
| "#outmostSticky { position: sticky; top: 0; height: 100px; }" |
| "#middleSticky { position: sticky; top: 0; height: 75px; }" |
| "#innerSticky { position: sticky; top: 25px; height: 25px; }" |
| "#postPadding { height: 400px }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='outmostSticky'>" |
| "<div id='middleSticky'><div id='innerSticky'></div></div></div>" |
| "<div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* outmost_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("outmostSticky")); |
| LayoutBoxModelObject* middle_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("middleSticky")); |
| LayoutBoxModelObject* inner_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("innerSticky")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // The grandparent and parent divs are attempting to place themselves at the |
| // top of the scrollable area. The child div is attempting to place itself at |
| // an offset of 25 pixels to the top of the scrollable area. The result of |
| // this sticky offset calculation is quite simple, but internally the child |
| // offset has to offset both its sticky box constraint rect and its containing |
| // block constraint rect. |
| EXPECT_EQ(LayoutSize(0, 50), outmost_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), middle_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_sticky->StickyPositionOffset()); |
| |
| outmost_sticky->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), outmost_sticky->StickyPositionOffset()); |
| |
| middle_sticky->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), outmost_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), middle_sticky->StickyPositionOffset()); |
| |
| inner_sticky->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 50), outmost_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), middle_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_sticky->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct in the case |
| // of tables. Tables are special as the containing block for table elements is |
| // always the root level <table>. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionNestedStickyTable) { |
| SetBodyInnerHTML( |
| "<style>table { border-collapse: collapse; }" |
| "td, th { height: 25px; width: 25px; padding: 0; }" |
| "#scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px; }" |
| "#stickyDiv { position: sticky; top: 0; height: 200px; }" |
| "#stickyTh { position: sticky; top: 0; }" |
| "#postPadding { height: 200px; }</style>" |
| "<div id='scroller'><div id='prePadding'></div><div id='stickyDiv'>" |
| "<table><thead><tr><th id='stickyTh'></th></tr></thead><tbody><tr><td>" |
| "</td></tr><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></tbody>" |
| "</table></div><div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* sticky_div = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyDiv")); |
| LayoutBoxModelObject* sticky_th = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("stickyTh")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 150)); |
| ASSERT_EQ(150.0, scrollable_area->ScrollPosition().Y()); |
| |
| // All sticky elements are attempting to stick to the top of the scrollable |
| // area. For the root sticky div, this requires an offset. All the other |
| // descendant sticky elements are positioned relatively so don't need offset. |
| EXPECT_EQ(LayoutSize(0, 100), sticky_div->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 0), sticky_th->StickyPositionOffset()); |
| |
| // If we now scroll to the point where the overall sticky div starts to move, |
| // the table headers should continue to stick to the top of the scrollable |
| // area until they run out of <table> space to move in. |
| |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 275)); |
| ASSERT_EQ(275.0, scrollable_area->ScrollPosition().Y()); |
| |
| EXPECT_EQ(LayoutSize(0, 200), sticky_div->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), sticky_th->StickyPositionOffset()); |
| |
| // Finally, if we scroll so that the table is off the top of the page, the |
| // sticky header should travel as far as it can (i.e. the table height) then |
| // move off the top with it. |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 350)); |
| ASSERT_EQ(350.0, scrollable_area->ScrollPosition().Y()); |
| |
| EXPECT_EQ(LayoutSize(0, 200), sticky_div->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 100), sticky_th->StickyPositionOffset()); |
| |
| sticky_div->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 200), sticky_div->StickyPositionOffset()); |
| |
| sticky_th->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 200), sticky_div->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 100), sticky_th->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct in the case |
| // where a particular position:sticky element is used both as a sticky-box |
| // shifting ancestor as well as a containing-block shifting ancestor. |
| // |
| // This is a rare case that can be replicated by nesting tables so that a sticky |
| // cell contains another table that has sticky elements. See the HTML below. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionComplexTableNesting) { |
| SetBodyInnerHTML( |
| "<style>table { border-collapse: collapse; }" |
| "td, th { height: 25px; width: 25px; padding: 0; }" |
| "#scroller { height: 100px; width: 100px; overflow-y: auto; }" |
| "#prePadding { height: 50px; }" |
| "#outerStickyTh { height: 50px; position: sticky; top: 0; }" |
| "#innerStickyTh { position: sticky; top: 25px; }" |
| "#postPadding { height: 200px; }</style>" |
| "<div id='scroller'><div id='prePadding'></div>" |
| "<table><thead><tr><th id='outerStickyTh'><table><thead><tr>" |
| "<th id='innerStickyTh'></th></tr></thead><tbody><tr><td></td></tr>" |
| "</tbody></table></th></tr></thead><tbody><tr><td></td></tr><tr><td></td>" |
| "</tr><tr><td></td></tr><tr><td></td></tr></tbody></table>" |
| "<div id='postPadding'></div></div>"); |
| |
| LayoutBoxModelObject* outer_sticky_th = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("outerStickyTh")); |
| LayoutBoxModelObject* inner_sticky_th = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("innerStickyTh")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 150)); |
| ASSERT_EQ(150.0, scrollable_area->ScrollPosition().Y()); |
| |
| EXPECT_EQ(LayoutSize(0, 100), outer_sticky_th->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_sticky_th->StickyPositionOffset()); |
| |
| outer_sticky_th->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 100), outer_sticky_th->StickyPositionOffset()); |
| |
| inner_sticky_th->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 100), outer_sticky_th->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_sticky_th->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; }" |
| "#unanchoredSticky { position: sticky; display: inline; }" |
| ".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='unanchoredSticky'>" |
| " <div class='inline'>" |
| " <div id='innerInline'></div>" |
| " </div>" |
| " </div>" |
| " </div>" |
| " <div id='paddingAfter'></div>" |
| "</div>"); |
| |
| LayoutBoxModelObject* outer_inline = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("outerInline")); |
| LayoutBoxModelObject* inner_inline = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("innerInline")); |
| |
| // Scroll the page down. |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 50)); |
| ASSERT_EQ(50.0, scrollable_area->ScrollPosition().Y()); |
| |
| EXPECT_EQ(LayoutSize(0, 0), outer_inline->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_inline->StickyPositionOffset()); |
| } |
| |
| // Verifies that the calculated position:sticky offsets are correct in the case |
| // of an intermediate position:fixed element. |
| TEST_F(LayoutBoxModelObjectTest, StickyPositionNestedFixedPos) { |
| SetBodyInnerHTML( |
| "<style>body { margin: 0; }" |
| "#scroller { height: 200px; width: 100px; overflow-y: auto; }" |
| "#outerSticky { position: sticky; top: 0; height: 50px; }" |
| "#fixedDiv { position: fixed; top: 0; left: 300px; height: 100px; " |
| "width: 100px; }" |
| "#innerSticky { position: sticky; top: 25px; height: 25px; }" |
| "#padding { height: 400px }</style>" |
| "<div id='scroller'><div id='outerSticky'><div id='fixedDiv'>" |
| "<div id='innerSticky'></div></div></div><div id='padding'></div></div>"); |
| |
| LayoutBoxModelObject* outer_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("outerSticky")); |
| LayoutBoxModelObject* inner_sticky = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("innerSticky")); |
| |
| LayoutBoxModelObject* scroller = |
| ToLayoutBoxModelObject(GetLayoutObjectByElementId("scroller")); |
| PaintLayerScrollableArea* scrollable_area = scroller->GetScrollableArea(); |
| |
| StickyConstraintsMap constraints_map = |
| scrollable_area->GetStickyConstraintsMap(); |
| ASSERT_TRUE(constraints_map.Contains(outer_sticky->Layer())); |
| ASSERT_TRUE(constraints_map.Contains(inner_sticky->Layer())); |
| |
| // The inner sticky should not detect the outer one as any sort of ancestor. |
| EXPECT_FALSE(constraints_map.at(inner_sticky->Layer()) |
| .NearestStickyBoxShiftingStickyBox()); |
| EXPECT_FALSE(constraints_map.at(inner_sticky->Layer()) |
| .NearestStickyBoxShiftingContainingBlock()); |
| |
| // Scroll the page down. |
| scrollable_area->ScrollToAbsolutePosition( |
| FloatPoint(scrollable_area->ScrollPosition().X(), 100)); |
| ASSERT_EQ(100.0, scrollable_area->ScrollPosition().Y()); |
| |
| // TODO(smcgruer): Until http://crbug.com/686164 is fixed, we need to update |
| // the constraints here before calculations will be correct. |
| inner_sticky->UpdateStickyPositionConstraints(); |
| |
| EXPECT_EQ(LayoutSize(0, 100), outer_sticky->StickyPositionOffset()); |
| EXPECT_EQ(LayoutSize(0, 25), inner_sticky->StickyPositionOffset()); |
| } |
| |
| TEST_F(LayoutBoxModelObjectTest, NoCrashStackingContextChangeNonRooted) { |
| SetBodyInnerHTML("<div id='target'></div>"); |
| auto& object = *GetLayoutObjectByElementId("target"); |
| auto* parent = object.Parent(); |
| object.SetDangerousOneWayParent(nullptr); |
| EXPECT_FALSE(object.IsRooted()); |
| |
| auto style = ComputedStyle::Create(); |
| style->SetIsStackingContext(true); |
| object.SetStyle(style); // This should not crash. |
| object.SetDangerousOneWayParent(parent); |
| } |
| |
| } // namespace blink |