| /* |
| * Copyright (C) 1999 Lars Knoll (knoll@kde.org) |
| * (C) 1999 Antti Koivisto (koivisto@kde.org) |
| * (C) 2005 Allan Sandfeld Jensen (kde@carewolf.com) |
| * (C) 2005, 2006 Samuel Weinig (sam.weinig@gmail.com) |
| * Copyright (C) 2005-2010, 2015 Apple Inc. All rights reserved. |
| * |
| * This library is free software; you can redistribute it and/or |
| * modify it under the terms of the GNU Library General Public |
| * License as published by the Free Software Foundation; either |
| * version 2 of the License, or (at your option) any later version. |
| * |
| * This library is distributed in the hope that it will be useful, |
| * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
| * Library General Public License for more details. |
| * |
| * You should have received a copy of the GNU Library General Public License |
| * along with this library; see the file COPYING.LIB. If not, write to |
| * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, |
| * Boston, MA 02110-1301, USA. |
| * |
| */ |
| |
| #include "config.h" |
| #include "RenderBox.h" |
| |
| #include "CSSFontSelector.h" |
| #include "ControlStates.h" |
| #include "Document.h" |
| #include "Editing.h" |
| #include "EventHandler.h" |
| #include "FloatQuad.h" |
| #include "FloatRoundedRect.h" |
| #include "Frame.h" |
| #include "FrameView.h" |
| #include "GraphicsContext.h" |
| #include "HTMLBodyElement.h" |
| #include "HTMLButtonElement.h" |
| #include "HTMLFrameOwnerElement.h" |
| #include "HTMLHtmlElement.h" |
| #include "HTMLImageElement.h" |
| #include "HTMLInputElement.h" |
| #include "HTMLLegendElement.h" |
| #include "HTMLNames.h" |
| #include "HTMLSelectElement.h" |
| #include "HTMLTextAreaElement.h" |
| #include "HitTestResult.h" |
| #include "InlineIteratorInlineBox.h" |
| #include "InlineIteratorLineBox.h" |
| #include "InlineRunAndOffset.h" |
| #include "LayoutIntegrationLineLayout.h" |
| #include "LegacyInlineElementBox.h" |
| #include "Page.h" |
| #include "PaintInfo.h" |
| #include "PathOperation.h" |
| #include "RenderBoxFragmentInfo.h" |
| #include "RenderChildIterator.h" |
| #include "RenderDeprecatedFlexibleBox.h" |
| #include "RenderFlexibleBox.h" |
| #include "RenderFragmentContainer.h" |
| #include "RenderGeometryMap.h" |
| #include "RenderGrid.h" |
| #include "RenderInline.h" |
| #include "RenderIterator.h" |
| #include "RenderLayer.h" |
| #include "RenderLayerCompositor.h" |
| #include "RenderLayerScrollableArea.h" |
| #include "RenderLayoutState.h" |
| #include "RenderMultiColumnFlow.h" |
| #include "RenderSVGResourceClipper.h" |
| #include "RenderTableCell.h" |
| #include "RenderTheme.h" |
| #include "RenderView.h" |
| #include "RuntimeApplicationChecks.h" |
| #include "SVGClipPathElement.h" |
| #include "SVGElementTypeHelpers.h" |
| #include "ScrollAnimator.h" |
| #include "ScrollbarTheme.h" |
| #include "Settings.h" |
| #include "StyleScrollSnapPoints.h" |
| #include "TextDirection.h" |
| #include "TransformState.h" |
| #include <algorithm> |
| #include <math.h> |
| #include <wtf/IsoMallocInlines.h> |
| #include <wtf/StackStats.h> |
| |
| namespace WebCore { |
| |
| WTF_MAKE_ISO_ALLOCATED_IMPL(RenderBox); |
| |
| struct SameSizeAsRenderBox : public RenderBoxModelObject { |
| virtual ~SameSizeAsRenderBox() = default; |
| LayoutRect frameRect; |
| LayoutBoxExtent marginBox; |
| LayoutUnit preferredLogicalWidths[2]; |
| void* pointers[2]; |
| }; |
| |
| static_assert(sizeof(RenderBox) == sizeof(SameSizeAsRenderBox), "RenderBox should stay small"); |
| |
| using namespace HTMLNames; |
| |
| typedef HashMap<const RenderBox*, LayoutUnit> OverrideSizeMap; |
| static OverrideSizeMap* gOverridingLogicalHeightMap = nullptr; |
| static OverrideSizeMap* gOverridingLogicalWidthMap = nullptr; |
| |
| typedef HashMap<const RenderBox*, Length> OverridingLengthMap; |
| static OverridingLengthMap* gOverridingLogicalHeightLengthMap = nullptr; |
| static OverridingLengthMap* gOverridingLogicalWidthLengthMap = nullptr; |
| |
| // FIXME: We should store these based on physical direction. |
| typedef HashMap<const RenderBox*, std::optional<LayoutUnit>> OverrideOptionalSizeMap; |
| static OverrideOptionalSizeMap* gOverridingContainingBlockContentLogicalHeightMap = nullptr; |
| static OverrideOptionalSizeMap* gOverridingContainingBlockContentLogicalWidthMap = nullptr; |
| |
| // Size of border belt for autoscroll. When mouse pointer in border belt, |
| // autoscroll is started. |
| static const int autoscrollBeltSize = 20; |
| static const unsigned backgroundObscurationTestMaxDepth = 4; |
| |
| using ControlStatesRendererMap = HashMap<const RenderObject*, std::unique_ptr<ControlStates>>; |
| static ControlStatesRendererMap& controlStatesRendererMap() |
| { |
| static NeverDestroyed<ControlStatesRendererMap> map; |
| return map; |
| } |
| |
| static ControlStates* controlStatesForRenderer(const RenderBox& renderer) |
| { |
| return controlStatesRendererMap().ensure(&renderer, [] { |
| return makeUnique<ControlStates>(); |
| }).iterator->value.get(); |
| } |
| |
| static void removeControlStatesForRenderer(const RenderBox& renderer) |
| { |
| controlStatesRendererMap().remove(&renderer); |
| } |
| |
| bool RenderBox::s_hadNonVisibleOverflow = false; |
| |
| RenderBox::RenderBox(Element& element, RenderStyle&& style, BaseTypeFlags baseTypeFlags) |
| : RenderBoxModelObject(element, WTFMove(style), baseTypeFlags) |
| { |
| setIsBox(); |
| } |
| |
| RenderBox::RenderBox(Document& document, RenderStyle&& style, BaseTypeFlags baseTypeFlags) |
| : RenderBoxModelObject(document, WTFMove(style), baseTypeFlags) |
| { |
| setIsBox(); |
| } |
| |
| RenderBox::~RenderBox() |
| { |
| // Do not add any code here. Add it to willBeDestroyed() instead. |
| } |
| |
| void RenderBox::willBeDestroyed() |
| { |
| if (frame().eventHandler().autoscrollRenderer() == this) |
| frame().eventHandler().stopAutoscrollTimer(true); |
| |
| clearOverridingContentSize(); |
| clearOverridingContainingBlockContentSize(); |
| |
| RenderBlock::removePercentHeightDescendantIfNeeded(*this); |
| |
| ShapeOutsideInfo::removeInfo(*this); |
| |
| view().unscheduleLazyRepaint(*this); |
| removeControlStatesForRenderer(*this); |
| |
| if (hasInitializedStyle()) { |
| if (style().hasSnapPosition()) |
| view().unregisterBoxWithScrollSnapPositions(*this); |
| if (style().containerType() != ContainerType::None) |
| view().unregisterContainerQueryBox(*this); |
| } |
| |
| RenderBoxModelObject::willBeDestroyed(); |
| } |
| |
| RenderFragmentContainer* RenderBox::clampToStartAndEndFragments(RenderFragmentContainer* fragment) const |
| { |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| |
| ASSERT(isRenderView() || (fragment && fragmentedFlow)); |
| if (isRenderView()) |
| return fragment; |
| |
| // We need to clamp to the block, since we want any lines or blocks that overflow out of the |
| // logical top or logical bottom of the block to size as though the border box in the first and |
| // last fragments extended infinitely. Otherwise the lines are going to size according to the fragments |
| // they overflow into, which makes no sense when this block doesn't exist in |fragment| at all. |
| RenderFragmentContainer* startFragment = nullptr; |
| RenderFragmentContainer* endFragment = nullptr; |
| if (!fragmentedFlow->getFragmentRangeForBox(this, startFragment, endFragment)) |
| return fragment; |
| |
| if (fragment->logicalTopForFragmentedFlowContent() < startFragment->logicalTopForFragmentedFlowContent()) |
| return startFragment; |
| if (fragment->logicalTopForFragmentedFlowContent() > endFragment->logicalTopForFragmentedFlowContent()) |
| return endFragment; |
| |
| return fragment; |
| } |
| |
| bool RenderBox::hasFragmentRangeInFragmentedFlow() const |
| { |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (!fragmentedFlow || !fragmentedFlow->hasValidFragmentInfo()) |
| return false; |
| |
| return fragmentedFlow->hasCachedFragmentRangeForBox(*this); |
| } |
| |
| LayoutRect RenderBox::clientBoxRectInFragment(RenderFragmentContainer* fragment) const |
| { |
| if (!fragment) |
| return clientBoxRect(); |
| |
| LayoutRect clientBox = borderBoxRectInFragment(fragment); |
| clientBox.setLocation(clientBox.location() + LayoutSize(borderLeft(), borderTop())); |
| clientBox.setSize(clientBox.size() - LayoutSize(borderLeft() + borderRight() + verticalScrollbarWidth(), borderTop() + borderBottom() + horizontalScrollbarHeight())); |
| |
| return clientBox; |
| } |
| |
| LayoutRect RenderBox::borderBoxRectInFragment(RenderFragmentContainer*, RenderBoxFragmentInfoFlags) const |
| { |
| return borderBoxRect(); |
| } |
| |
| static RenderBlockFlow* outermostBlockContainingFloatingObject(RenderBox& box) |
| { |
| ASSERT(box.isFloating()); |
| RenderBlockFlow* parentBlock = nullptr; |
| for (auto& ancestor : ancestorsOfType<RenderBlockFlow>(box)) { |
| if (!parentBlock || ancestor.containsFloat(box)) |
| parentBlock = &ancestor; |
| } |
| return parentBlock; |
| } |
| |
| void RenderBox::removeFloatingOrPositionedChildFromBlockLists() |
| { |
| ASSERT(isFloatingOrOutOfFlowPositioned()); |
| |
| if (renderTreeBeingDestroyed()) |
| return; |
| |
| if (isFloating()) { |
| if (RenderBlockFlow* parentBlock = outermostBlockContainingFloatingObject(*this)) { |
| parentBlock->markSiblingsWithFloatsForLayout(this); |
| parentBlock->markAllDescendantsWithFloatsForLayout(this, false); |
| } |
| } |
| |
| if (isOutOfFlowPositioned()) |
| RenderBlock::removePositionedObject(*this); |
| } |
| |
| void RenderBox::styleWillChange(StyleDifference diff, const RenderStyle& newStyle) |
| { |
| s_hadNonVisibleOverflow = hasNonVisibleOverflow(); |
| |
| const RenderStyle* oldStyle = hasInitializedStyle() ? &style() : nullptr; |
| if (oldStyle) { |
| // The background of the root element or the body element could propagate up to |
| // the canvas. Issue full repaint, when our style changes substantially. |
| if (diff >= StyleDifference::Repaint && (isDocumentElementRenderer() || isBody())) { |
| view().repaintRootContents(); |
| if (oldStyle->hasEntirelyFixedBackground() != newStyle.hasEntirelyFixedBackground()) |
| view().compositor().rootLayerConfigurationChanged(); |
| } |
| |
| // When a layout hint happens and an object's position style changes, we have to do a layout |
| // to dirty the render tree using the old position value now. |
| if (diff == StyleDifference::Layout && parent() && oldStyle->position() != newStyle.position()) { |
| markContainingBlocksForLayout(); |
| if (oldStyle->position() != PositionType::Static && newStyle.hasOutOfFlowPosition()) |
| parent()->setChildNeedsLayout(); |
| if (isFloating() && !isOutOfFlowPositioned() && newStyle.hasOutOfFlowPosition()) |
| removeFloatingOrPositionedChildFromBlockLists(); |
| } |
| } else if (isBody()) |
| view().repaintRootContents(); |
| |
| bool boxContributesSnapPositions = newStyle.hasSnapPosition(); |
| if (boxContributesSnapPositions || (oldStyle && oldStyle->hasSnapPosition())) { |
| if (boxContributesSnapPositions) |
| view().registerBoxWithScrollSnapPositions(*this); |
| else |
| view().unregisterBoxWithScrollSnapPositions(*this); |
| } |
| |
| if (newStyle.containerType() != ContainerType::None) |
| view().registerContainerQueryBox(*this); |
| else if (oldStyle && oldStyle->containerType() != ContainerType::None) |
| view().unregisterContainerQueryBox(*this); |
| |
| RenderBoxModelObject::styleWillChange(diff, newStyle); |
| } |
| |
| void RenderBox::styleDidChange(StyleDifference diff, const RenderStyle* oldStyle) |
| { |
| // Horizontal writing mode definition is updated in RenderBoxModelObject::updateFromStyle, |
| // (as part of the RenderBoxModelObject::styleDidChange call below). So, we can safely cache the horizontal |
| // writing mode value before style change here. |
| bool oldHorizontalWritingMode = isHorizontalWritingMode(); |
| |
| RenderBoxModelObject::styleDidChange(diff, oldStyle); |
| |
| const RenderStyle& newStyle = style(); |
| if (needsLayout() && oldStyle) { |
| RenderBlock::removePercentHeightDescendantIfNeeded(*this); |
| |
| // Normally we can do optimized positioning layout for absolute/fixed positioned objects. There is one special case, however, which is |
| // when the positioned object's margin-before is changed. In this case the parent has to get a layout in order to run margin collapsing |
| // to determine the new static position. |
| if (isOutOfFlowPositioned() && newStyle.hasStaticBlockPosition(isHorizontalWritingMode()) && oldStyle->marginBefore() != newStyle.marginBefore() |
| && parent() && !parent()->normalChildNeedsLayout()) |
| parent()->setChildNeedsLayout(); |
| } |
| |
| if (RenderBlock::hasPercentHeightContainerMap() && firstChild() |
| && oldHorizontalWritingMode != isHorizontalWritingMode()) |
| RenderBlock::clearPercentHeightDescendantsFrom(*this); |
| |
| // If our zoom factor changes and we have a defined scrollLeft/Top, we need to adjust that value into the |
| // new zoomed coordinate space. |
| if (hasNonVisibleOverflow() && layer() && oldStyle && oldStyle->effectiveZoom() != newStyle.effectiveZoom()) { |
| if (auto* scrollableArea = layer()->scrollableArea()) { |
| ScrollPosition scrollPosition = scrollableArea->scrollPosition(); |
| float zoomScaleFactor = newStyle.effectiveZoom() / oldStyle->effectiveZoom(); |
| scrollPosition.scale(zoomScaleFactor); |
| scrollableArea->setPostLayoutScrollPosition(scrollPosition); |
| } |
| } |
| |
| // Our opaqueness might have changed without triggering layout. |
| if (diff >= StyleDifference::Repaint && diff <= StyleDifference::RepaintLayer) { |
| auto parentToInvalidate = parent(); |
| for (unsigned i = 0; i < backgroundObscurationTestMaxDepth && parentToInvalidate; ++i) { |
| parentToInvalidate->invalidateBackgroundObscurationStatus(); |
| parentToInvalidate = parentToInvalidate->parent(); |
| } |
| } |
| |
| bool isBodyRenderer = isBody(); |
| bool isDocElementRenderer = isDocumentElementRenderer(); |
| |
| if (isDocElementRenderer || isBodyRenderer) { |
| auto* documentElementRenderer = document().documentElement()->renderer(); |
| auto& viewStyle = view().mutableStyle(); |
| bool rootStyleChanged = false; |
| bool viewDirectionOrWritingModeChanged = false; |
| auto* rootRenderer = isBodyRenderer ? documentElementRenderer : nullptr; |
| |
| auto propagateWritingModeToRenderViewIfApplicable = [&] { |
| // Propagate the new writing mode and direction up to the RenderView. |
| if (!documentElementRenderer) |
| return; |
| if (!isBodyRenderer || !(shouldApplyAnyContainment() || documentElementRenderer->shouldApplyAnyContainment())) { |
| if (viewStyle.direction() != newStyle.direction() && (isDocElementRenderer || !documentElementRenderer->style().hasExplicitlySetDirection())) { |
| viewStyle.setDirection(newStyle.direction()); |
| viewDirectionOrWritingModeChanged = true; |
| if (isBodyRenderer) { |
| rootRenderer->mutableStyle().setDirection(newStyle.direction()); |
| rootStyleChanged = true; |
| } |
| setNeedsLayoutAndPrefWidthsRecalc(); |
| |
| view().frameView().topContentDirectionDidChange(); |
| } |
| |
| if (viewStyle.writingMode() != newStyle.writingMode() && (isDocElementRenderer || !documentElementRenderer->style().hasExplicitlySetWritingMode())) { |
| viewStyle.setWritingMode(newStyle.writingMode()); |
| viewDirectionOrWritingModeChanged = true; |
| view().setHorizontalWritingMode(newStyle.isHorizontalWritingMode()); |
| view().markAllDescendantsWithFloatsForLayout(); |
| if (isBodyRenderer) { |
| rootStyleChanged = true; |
| rootRenderer->mutableStyle().setWritingMode(newStyle.writingMode()); |
| rootRenderer->setHorizontalWritingMode(newStyle.isHorizontalWritingMode()); |
| } |
| setNeedsLayoutAndPrefWidthsRecalc(); |
| } |
| } |
| }; |
| propagateWritingModeToRenderViewIfApplicable(); |
| |
| #if ENABLE(DARK_MODE_CSS) |
| view().frameView().recalculateBaseBackgroundColor(); |
| #endif |
| |
| view().frameView().recalculateScrollbarOverlayStyle(); |
| |
| const Pagination& pagination = view().frameView().pagination(); |
| if (viewDirectionOrWritingModeChanged && pagination.mode != Pagination::Unpaginated) { |
| viewStyle.setColumnStylesFromPaginationMode(pagination.mode); |
| if (view().multiColumnFlow()) |
| view().updateColumnProgressionFromStyle(viewStyle); |
| } |
| |
| if (viewDirectionOrWritingModeChanged && view().multiColumnFlow()) |
| view().updateStylesForColumnChildren(); |
| |
| if (rootStyleChanged && is<RenderBlockFlow>(rootRenderer) && downcast<RenderBlockFlow>(*rootRenderer).multiColumnFlow()) |
| downcast<RenderBlockFlow>(*rootRenderer).updateStylesForColumnChildren(); |
| |
| if (isBodyRenderer && pagination.mode != Pagination::Unpaginated && page().paginationLineGridEnabled()) { |
| // Propagate the body font back up to the RenderView and use it as |
| // the basis of the grid. |
| if (newStyle.fontDescription() != view().style().fontDescription()) { |
| view().mutableStyle().setFontDescription(FontCascadeDescription { newStyle.fontDescription() }); |
| view().mutableStyle().fontCascade().update(&document().fontSelector()); |
| } |
| } |
| |
| if (diff != StyleDifference::Equal) |
| view().compositor().rootOrBodyStyleChanged(*this, oldStyle); |
| } |
| |
| if ((oldStyle && oldStyle->shapeOutside()) || style().shapeOutside()) |
| updateShapeOutsideInfoAfterStyleChange(style(), oldStyle); |
| updateGridPositionAfterStyleChange(style(), oldStyle); |
| |
| // Changing the position from/to absolute can potentially create/remove flex/grid items, as absolutely positioned |
| // children of a flex/grid box are out-of-flow, and thus, not flex/grid items. This means that we need to clear |
| // any override content size set by our container, because it would likely be incorrect after the style change. |
| if (isOutOfFlowPositioned() && parent() && parent()->style().isDisplayFlexibleBoxIncludingDeprecatedOrGridBox()) |
| clearOverridingContentSize(); |
| |
| #if ENABLE(LAYOUT_FORMATTING_CONTEXT) |
| if (auto* lineLayout = LayoutIntegration::LineLayout::containing(*this)) |
| lineLayout->updateStyle(*this, *oldStyle); |
| #endif |
| } |
| |
| void RenderBox::updateGridPositionAfterStyleChange(const RenderStyle& style, const RenderStyle* oldStyle) |
| { |
| if (!oldStyle || !is<RenderGrid>(parent())) |
| return; |
| |
| if (oldStyle->gridItemColumnStart() == style.gridItemColumnStart() |
| && oldStyle->gridItemColumnEnd() == style.gridItemColumnEnd() |
| && oldStyle->gridItemRowStart() == style.gridItemRowStart() |
| && oldStyle->gridItemRowEnd() == style.gridItemRowEnd() |
| && oldStyle->order() == style.order() |
| && oldStyle->hasOutOfFlowPosition() == style.hasOutOfFlowPosition()) |
| return; |
| |
| // Positioned items don't participate on the layout of the grid, |
| // so we don't need to mark the grid as dirty if they change positions. |
| if (oldStyle->hasOutOfFlowPosition() && style.hasOutOfFlowPosition()) |
| return; |
| |
| // It should be possible to not dirty the grid in some cases (like moving an |
| // explicitly placed grid item). |
| // For now, it's more simple to just always recompute the grid. |
| downcast<RenderGrid>(*parent()).dirtyGrid(); |
| } |
| |
| void RenderBox::updateShapeOutsideInfoAfterStyleChange(const RenderStyle& style, const RenderStyle* oldStyle) |
| { |
| const ShapeValue* shapeOutside = style.shapeOutside(); |
| const ShapeValue* oldShapeOutside = oldStyle ? oldStyle->shapeOutside() : nullptr; |
| |
| Length shapeMargin = style.shapeMargin(); |
| Length oldShapeMargin = oldStyle ? oldStyle->shapeMargin() : RenderStyle::initialShapeMargin(); |
| |
| float shapeImageThreshold = style.shapeImageThreshold(); |
| float oldShapeImageThreshold = oldStyle ? oldStyle->shapeImageThreshold() : RenderStyle::initialShapeImageThreshold(); |
| |
| // FIXME: A future optimization would do a deep comparison for equality. (bug 100811) |
| if (shapeOutside == oldShapeOutside && shapeMargin == oldShapeMargin && shapeImageThreshold == oldShapeImageThreshold) |
| return; |
| |
| if (!shapeOutside) |
| ShapeOutsideInfo::removeInfo(*this); |
| else |
| ShapeOutsideInfo::ensureInfo(*this).markShapeAsDirty(); |
| |
| if (shapeOutside || shapeOutside != oldShapeOutside) |
| markShapeOutsideDependentsForLayout(); |
| } |
| |
| void RenderBox::updateFromStyle() |
| { |
| RenderBoxModelObject::updateFromStyle(); |
| |
| const RenderStyle& styleToUse = style(); |
| bool isDocElementRenderer = isDocumentElementRenderer(); |
| bool isViewObject = isRenderView(); |
| |
| // The root and the RenderView always paint their backgrounds/borders. |
| if (isDocElementRenderer || isViewObject) |
| setHasVisibleBoxDecorations(true); |
| |
| setFloating(!isOutOfFlowPositioned() && styleToUse.isFloating()); |
| |
| // We also handle <body> and <html>, whose overflow applies to the viewport. |
| if (!(effectiveOverflowX() == Overflow::Visible && effectiveOverflowY() == Overflow::Visible) && !isDocElementRenderer && isRenderBlock()) { |
| bool boxHasNonVisibleOverflow = true; |
| if (isBody()) { |
| // Overflow on the body can propagate to the viewport under the following conditions. |
| // (1) The root element is <html>. |
| // (2) We are the primary <body> (can be checked by looking at document.body). |
| // (3) The root element has visible overflow. |
| // (4) No containment is set either on the body or on the html document element. |
| auto& documentElement = *document().documentElement(); |
| auto& documentElementRenderer = *documentElement.renderer(); |
| if (is<HTMLHtmlElement>(documentElement) |
| && document().body() == element() |
| && documentElementRenderer.effectiveOverflowX() == Overflow::Visible |
| && !styleToUse.effectiveContainment() |
| && !documentElementRenderer.style().effectiveContainment()) { |
| boxHasNonVisibleOverflow = false; |
| } |
| } |
| // Check for overflow clip. |
| // It's sufficient to just check one direction, since it's illegal to have visible on only one overflow value. |
| if (boxHasNonVisibleOverflow) { |
| if (!s_hadNonVisibleOverflow && hasRenderOverflow()) { |
| // Erase the overflow. |
| // Overflow changes have to result in immediate repaints of the entire layout overflow area because |
| // repaints issued by removal of descendants get clipped using the updated style when they shouldn't. |
| repaintRectangle(visualOverflowRect()); |
| repaintRectangle(layoutOverflowRect()); |
| } |
| setHasNonVisibleOverflow(); |
| } |
| } |
| setHasTransformRelatedProperty(styleToUse.hasTransformRelatedProperty()); |
| setHasReflection(styleToUse.boxReflect()); |
| } |
| |
| void RenderBox::layout() |
| { |
| StackStats::LayoutCheckPoint layoutCheckPoint; |
| ASSERT(needsLayout()); |
| |
| RenderObject* child = firstChild(); |
| if (!child) { |
| clearNeedsLayout(); |
| return; |
| } |
| |
| LayoutStateMaintainer statePusher(*this, locationOffset(), style().isFlippedBlocksWritingMode()); |
| while (child) { |
| if (child->needsLayout()) |
| downcast<RenderElement>(*child).layout(); |
| ASSERT(!child->needsLayout()); |
| child = child->nextSibling(); |
| } |
| invalidateBackgroundObscurationStatus(); |
| clearNeedsLayout(); |
| } |
| |
| // More IE extensions. clientWidth and clientHeight represent the interior of an object |
| // excluding border and scrollbar. |
| LayoutUnit RenderBox::clientWidth() const |
| { |
| return paddingBoxWidth(); |
| } |
| |
| LayoutUnit RenderBox::clientHeight() const |
| { |
| return paddingBoxHeight(); |
| } |
| |
| int RenderBox::scrollWidth() const |
| { |
| if (hasPotentiallyScrollableOverflow() && layer()) |
| return layer()->scrollWidth(); |
| // For objects with visible overflow, this matches IE. |
| // FIXME: Need to work right with writing modes. |
| if (style().isLeftToRightDirection()) { |
| // FIXME: This should use snappedIntSize() instead with absolute coordinates. |
| return roundToInt(std::max(clientWidth(), layoutOverflowRect().maxX() - borderLeft())); |
| } |
| return roundToInt(clientWidth() - std::min<LayoutUnit>(0, layoutOverflowRect().x() - borderLeft())); |
| } |
| |
| int RenderBox::scrollHeight() const |
| { |
| if (hasPotentiallyScrollableOverflow() && layer()) |
| return layer()->scrollHeight(); |
| // For objects with visible overflow, this matches IE. |
| // FIXME: Need to work right with writing modes. |
| // FIXME: This should use snappedIntSize() instead with absolute coordinates. |
| return roundToInt(std::max(clientHeight(), layoutOverflowRect().maxY() - borderTop())); |
| } |
| |
| int RenderBox::scrollLeft() const |
| { |
| auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr; |
| return (hasNonVisibleOverflow() && scrollableArea) ? scrollableArea->scrollPosition().x() : 0; |
| } |
| |
| int RenderBox::scrollTop() const |
| { |
| auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr; |
| return (hasNonVisibleOverflow() && scrollableArea) ? scrollableArea->scrollPosition().y() : 0; |
| } |
| |
| void RenderBox::resetLogicalHeightBeforeLayoutIfNeeded() |
| { |
| if (shouldResetLogicalHeightBeforeLayout() || (is<RenderBlock>(parent()) && downcast<RenderBlock>(*parent()).shouldResetChildLogicalHeightBeforeLayout(*this))) |
| setLogicalHeight(0_lu); |
| } |
| |
| static void setupWheelEventMonitor(RenderLayerScrollableArea& scrollableArea) |
| { |
| Page& page = scrollableArea.layer().renderer().page(); |
| if (!page.isMonitoringWheelEvents()) |
| return; |
| scrollableArea.scrollAnimator().setWheelEventTestMonitor(page.wheelEventTestMonitor()); |
| } |
| |
| void RenderBox::setScrollLeft(int newLeft, const ScrollPositionChangeOptions& options) |
| { |
| if (!hasPotentiallyScrollableOverflow() || !layer()) |
| return; |
| auto* scrollableArea = layer()->scrollableArea(); |
| ASSERT(scrollableArea); |
| setupWheelEventMonitor(*scrollableArea); |
| scrollableArea->scrollToXPosition(newLeft, options); |
| } |
| |
| void RenderBox::setScrollTop(int newTop, const ScrollPositionChangeOptions& options) |
| { |
| if (!hasPotentiallyScrollableOverflow() || !layer()) |
| return; |
| auto* scrollableArea = layer()->scrollableArea(); |
| ASSERT(scrollableArea); |
| setupWheelEventMonitor(*scrollableArea); |
| scrollableArea->scrollToYPosition(newTop, options); |
| } |
| |
| void RenderBox::setScrollPosition(const ScrollPosition& position, const ScrollPositionChangeOptions& options) |
| { |
| if (!hasPotentiallyScrollableOverflow() || !layer()) |
| return; |
| auto* scrollableArea = layer()->scrollableArea(); |
| ASSERT(scrollableArea); |
| setupWheelEventMonitor(*scrollableArea); |
| scrollableArea->setScrollPosition(position, options); |
| } |
| |
| void RenderBox::absoluteRects(Vector<IntRect>& rects, const LayoutPoint& accumulatedOffset) const |
| { |
| rects.append(snappedIntRect(accumulatedOffset, size())); |
| } |
| |
| void RenderBox::absoluteQuads(Vector<FloatQuad>& quads, bool* wasFixed) const |
| { |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow && fragmentedFlow->absoluteQuadsForBox(quads, wasFixed, this)) |
| return; |
| |
| auto localRect = FloatRect { 0, 0, width(), height() }; |
| quads.append(localToAbsoluteQuad(localRect, UseTransforms, wasFixed)); |
| } |
| |
| void RenderBox::applyTransform(TransformationMatrix& t, const RenderStyle& style, const FloatRect& boundingBox, OptionSet<RenderStyle::TransformOperationOption> options) const |
| { |
| style.applyTransform(t, boundingBox, options); |
| } |
| |
| LayoutUnit RenderBox::constrainLogicalWidthInFragmentByMinMax(LayoutUnit logicalWidth, LayoutUnit availableWidth, RenderBlock& cb, RenderFragmentContainer* fragment, AllowIntrinsic allowIntrinsic) const |
| { |
| const RenderStyle& styleToUse = style(); |
| |
| if (shouldComputeLogicalHeightFromAspectRatio()) { |
| auto [logicalMinWidth, logicalMaxWidth] = computeMinMaxLogicalWidthFromAspectRatio(); |
| logicalWidth = std::clamp(logicalWidth, logicalMinWidth, logicalMaxWidth); |
| } |
| |
| if (!styleToUse.logicalMaxWidth().isUndefined() && (allowIntrinsic == AllowIntrinsic::Yes || !styleToUse.logicalMaxWidth().isIntrinsic())) |
| logicalWidth = std::min(logicalWidth, computeLogicalWidthInFragmentUsing(MaxSize, styleToUse.logicalMaxWidth(), availableWidth, cb, fragment)); |
| if (allowIntrinsic == AllowIntrinsic::No && styleToUse.logicalMinWidth().isIntrinsic()) |
| return logicalWidth; |
| auto logicalMinWidth = styleToUse.logicalMinWidth(); |
| if (logicalMinWidth.isAuto() && shouldComputeLogicalWidthFromAspectRatio() && (styleToUse.logicalWidth().isAuto() || styleToUse.logicalWidth().isMinContent() || styleToUse.logicalWidth().isMaxContent()) && !is<RenderReplaced>(*this) && effectiveOverflowInlineDirection() == Overflow::Visible) { |
| // Make sure we actually used the aspect ratio. |
| logicalMinWidth = Length(LengthType::MinContent); |
| } |
| return std::max(logicalWidth, computeLogicalWidthInFragmentUsing(MinSize, logicalMinWidth, availableWidth, cb, fragment)); |
| } |
| |
| LayoutUnit RenderBox::constrainLogicalHeightByMinMax(LayoutUnit logicalHeight, std::optional<LayoutUnit> intrinsicContentHeight) const |
| { |
| const RenderStyle& styleToUse = style(); |
| if (!styleToUse.logicalMaxHeight().isUndefined()) { |
| if (std::optional<LayoutUnit> maxH = computeLogicalHeightUsing(MaxSize, styleToUse.logicalMaxHeight(), intrinsicContentHeight)) |
| logicalHeight = std::min(logicalHeight, maxH.value()); |
| } |
| auto logicalMinHeight = styleToUse.logicalMinHeight(); |
| if (logicalMinHeight.isAuto() && shouldComputeLogicalHeightFromAspectRatio() && intrinsicContentHeight && !is<RenderReplaced>(*this) && effectiveOverflowBlockDirection() == Overflow::Visible) { |
| auto heightFromAspectRatio = blockSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalWidth()) - borderAndPaddingLogicalHeight(); |
| if (firstChild()) |
| heightFromAspectRatio = std::max(heightFromAspectRatio, *intrinsicContentHeight); |
| logicalMinHeight = Length(heightFromAspectRatio, LengthType::Fixed); |
| } |
| if (logicalMinHeight.isMinContent() || logicalMinHeight.isMaxContent()) |
| logicalMinHeight = Length(); |
| if (std::optional<LayoutUnit> computedLogicalHeight = computeLogicalHeightUsing(MinSize, logicalMinHeight, intrinsicContentHeight)) |
| return std::max(logicalHeight, computedLogicalHeight.value()); |
| return logicalHeight; |
| } |
| |
| LayoutUnit RenderBox::constrainContentBoxLogicalHeightByMinMax(LayoutUnit logicalHeight, std::optional<LayoutUnit> intrinsicContentHeight) const |
| { |
| const RenderStyle& styleToUse = style(); |
| if (!styleToUse.logicalMaxHeight().isUndefined()) { |
| if (std::optional<LayoutUnit> maxH = computeContentLogicalHeight(MaxSize, styleToUse.logicalMaxHeight(), intrinsicContentHeight)) |
| logicalHeight = std::min(logicalHeight, maxH.value()); |
| } |
| if (std::optional<LayoutUnit> computedContentLogicalHeight = computeContentLogicalHeight(MinSize, styleToUse.logicalMinHeight(), intrinsicContentHeight)) |
| return std::max(logicalHeight, computedContentLogicalHeight.value()); |
| return logicalHeight; |
| } |
| |
| RoundedRect::Radii RenderBox::borderRadii() const |
| { |
| auto& style = this->style(); |
| LayoutRect bounds = frameRect(); |
| |
| unsigned borderLeft = style.borderLeftWidth(); |
| unsigned borderTop = style.borderTopWidth(); |
| bounds.moveBy(LayoutPoint(borderLeft, borderTop)); |
| bounds.contract(borderLeft + style.borderRightWidth(), borderTop + style.borderBottomWidth()); |
| return style.getRoundedBorderFor(bounds).radii(); |
| } |
| |
| RoundedRect RenderBox::roundedBorderBoxRect() const |
| { |
| return style().getRoundedInnerBorderFor(borderBoxRect()); |
| } |
| |
| LayoutRect RenderBox::paddingBoxRect() const |
| { |
| auto verticalScrollbarWidth = this->verticalScrollbarWidth(); |
| LayoutUnit offsetForScrollbar = shouldPlaceVerticalScrollbarOnLeft() ? verticalScrollbarWidth : 0; |
| |
| return LayoutRect(borderLeft() + offsetForScrollbar, borderTop(), |
| width() - borderLeft() - borderRight() - verticalScrollbarWidth, |
| height() - borderTop() - borderBottom() - horizontalScrollbarHeight()); |
| } |
| |
| LayoutRect RenderBox::contentBoxRect() const |
| { |
| return { contentBoxLocation(), contentSize() }; |
| } |
| |
| LayoutPoint RenderBox::contentBoxLocation() const |
| { |
| LayoutUnit scrollbarSpace = shouldPlaceVerticalScrollbarOnLeft() ? verticalScrollbarWidth() : 0; |
| return { borderLeft() + paddingLeft() + scrollbarSpace, borderTop() + paddingTop() }; |
| } |
| |
| FloatRect RenderBox::referenceBoxRect(CSSBoxType boxType) const |
| { |
| switch (boxType) { |
| case CSSBoxType::ContentBox: |
| case CSSBoxType::FillBox: |
| return contentBoxRect(); |
| case CSSBoxType::PaddingBox: |
| return paddingBoxRect(); |
| case CSSBoxType::MarginBox: |
| return marginBoxRect(); |
| // stroke-box, view-box compute to border-box for HTML elements. |
| case CSSBoxType::StrokeBox: |
| case CSSBoxType::ViewBox: |
| case CSSBoxType::BorderBox: |
| case CSSBoxType::BoxMissing: |
| return borderBoxRect(); |
| } |
| |
| ASSERT_NOT_REACHED(); |
| return { }; |
| } |
| |
| IntRect RenderBox::absoluteContentBox() const |
| { |
| // This is wrong with transforms and flipped writing modes. |
| IntRect rect = snappedIntRect(contentBoxRect()); |
| FloatPoint absPos = localToAbsolute(); |
| rect.move(absPos.x(), absPos.y()); |
| return rect; |
| } |
| |
| FloatQuad RenderBox::absoluteContentQuad() const |
| { |
| LayoutRect rect = contentBoxRect(); |
| return localToAbsoluteQuad(FloatRect(rect)); |
| } |
| |
| LayoutRect RenderBox::outlineBoundsForRepaint(const RenderLayerModelObject* repaintContainer, const RenderGeometryMap* geometryMap) const |
| { |
| LayoutRect box = borderBoundingBox(); |
| adjustRectForOutlineAndShadow(box); |
| |
| if (repaintContainer != this) { |
| FloatQuad containerRelativeQuad; |
| if (geometryMap) |
| containerRelativeQuad = geometryMap->mapToContainer(box, repaintContainer); |
| else |
| containerRelativeQuad = localToContainerQuad(FloatRect(box), repaintContainer); |
| |
| box = LayoutRect(containerRelativeQuad.boundingBox()); |
| } |
| |
| // FIXME: layoutDelta needs to be applied in parts before/after transforms and |
| // repaint containers. https://bugs.webkit.org/show_bug.cgi?id=23308 |
| box.move(view().frameView().layoutContext().layoutDelta()); |
| |
| return LayoutRect(snapRectToDevicePixels(box, document().deviceScaleFactor())); |
| } |
| |
| void RenderBox::addFocusRingRects(Vector<LayoutRect>& rects, const LayoutPoint& additionalOffset, const RenderLayerModelObject*) |
| { |
| if (!size().isEmpty()) |
| rects.append(LayoutRect(additionalOffset, size())); |
| } |
| |
| int RenderBox::reflectionOffset() const |
| { |
| if (!style().boxReflect()) |
| return 0; |
| if (style().boxReflect()->direction() == ReflectionDirection::Left || style().boxReflect()->direction() == ReflectionDirection::Right) |
| return valueForLength(style().boxReflect()->offset(), borderBoxRect().width()); |
| return valueForLength(style().boxReflect()->offset(), borderBoxRect().height()); |
| } |
| |
| LayoutRect RenderBox::reflectedRect(const LayoutRect& r) const |
| { |
| if (!style().boxReflect()) |
| return LayoutRect(); |
| |
| LayoutRect box = borderBoxRect(); |
| LayoutRect result = r; |
| switch (style().boxReflect()->direction()) { |
| case ReflectionDirection::Below: |
| result.setY(box.maxY() + reflectionOffset() + (box.maxY() - r.maxY())); |
| break; |
| case ReflectionDirection::Above: |
| result.setY(box.y() - reflectionOffset() - box.height() + (box.maxY() - r.maxY())); |
| break; |
| case ReflectionDirection::Left: |
| result.setX(box.x() - reflectionOffset() - box.width() + (box.maxX() - r.maxX())); |
| break; |
| case ReflectionDirection::Right: |
| result.setX(box.maxX() + reflectionOffset() + (box.maxX() - r.maxX())); |
| break; |
| } |
| return result; |
| } |
| |
| bool RenderBox::fixedElementLaysOutRelativeToFrame(const FrameView& frameView) const |
| { |
| return isFixedPositioned() && container()->isRenderView() && frameView.fixedElementsLayoutRelativeToFrame(); |
| } |
| |
| bool RenderBox::includeVerticalScrollbarSize() const |
| { |
| return hasNonVisibleOverflow() && layer() && !layer()->hasOverlayScrollbars() |
| && (style().overflowY() == Overflow::Scroll || style().overflowY() == Overflow::Auto); |
| } |
| |
| bool RenderBox::includeHorizontalScrollbarSize() const |
| { |
| return hasNonVisibleOverflow() && layer() && !layer()->hasOverlayScrollbars() |
| && (style().overflowX() == Overflow::Scroll || style().overflowX() == Overflow::Auto); |
| } |
| |
| int RenderBox::verticalScrollbarWidth() const |
| { |
| auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr; |
| if (!scrollableArea) |
| return 0; |
| return includeVerticalScrollbarSize() ? scrollableArea->verticalScrollbarWidth() : 0; |
| } |
| |
| int RenderBox::horizontalScrollbarHeight() const |
| { |
| auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr; |
| if (!scrollableArea) |
| return 0; |
| return includeHorizontalScrollbarSize() ? scrollableArea->horizontalScrollbarHeight() : 0; |
| } |
| |
| int RenderBox::intrinsicScrollbarLogicalWidth() const |
| { |
| if (!hasNonVisibleOverflow()) |
| return 0; |
| |
| if (isHorizontalWritingMode() && (style().overflowY() == Overflow::Scroll && !canUseOverlayScrollbars())) { |
| ASSERT(layer() && layer()->scrollableArea() && layer()->scrollableArea()->hasVerticalScrollbar()); |
| return verticalScrollbarWidth(); |
| } |
| |
| if (!isHorizontalWritingMode() && (style().overflowX() == Overflow::Scroll && !canUseOverlayScrollbars())) { |
| ASSERT(layer() && layer()->scrollableArea() && layer()->scrollableArea()->hasHorizontalScrollbar()); |
| return horizontalScrollbarHeight(); |
| } |
| |
| return 0; |
| } |
| |
| bool RenderBox::scrollLayer(ScrollDirection direction, ScrollGranularity granularity, unsigned stepCount, Element** stopElement) |
| { |
| auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr; |
| if (scrollableArea && scrollableArea->scroll(direction, granularity, stepCount)) { |
| if (stopElement) |
| *stopElement = element(); |
| |
| return true; |
| } |
| |
| return false; |
| } |
| |
| bool RenderBox::scroll(ScrollDirection direction, ScrollGranularity granularity, unsigned stepCount, Element** stopElement, RenderBox* startBox, const IntPoint& wheelEventAbsolutePoint) |
| { |
| if (scrollLayer(direction, granularity, stepCount, stopElement)) |
| return true; |
| |
| if (stopElement && *stopElement && *stopElement == element()) |
| return true; |
| |
| RenderBlock* nextScrollBlock = containingBlock(); |
| |
| if (nextScrollBlock && !nextScrollBlock->isRenderView()) |
| return nextScrollBlock->scroll(direction, granularity, stepCount, stopElement, startBox, wheelEventAbsolutePoint); |
| |
| return false; |
| } |
| |
| bool RenderBox::logicalScroll(ScrollLogicalDirection direction, ScrollGranularity granularity, unsigned stepCount, Element** stopElement) |
| { |
| bool scrolled = false; |
| |
| if (auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr) { |
| #if PLATFORM(COCOA) |
| // On Mac only we reset the inline direction position when doing a document scroll (e.g., hitting Home/End). |
| if (granularity == ScrollGranularity::Document) |
| scrolled = scrollableArea->scroll(logicalToPhysical(ScrollInlineDirectionBackward, isHorizontalWritingMode(), style().isFlippedBlocksWritingMode()), ScrollGranularity::Document, stepCount); |
| #endif |
| if (scrollableArea->scroll(logicalToPhysical(direction, isHorizontalWritingMode(), style().isFlippedBlocksWritingMode()), granularity, stepCount)) |
| scrolled = true; |
| |
| if (scrolled) { |
| if (stopElement) |
| *stopElement = element(); |
| return true; |
| } |
| } |
| |
| if (stopElement && *stopElement && *stopElement == element()) |
| return true; |
| |
| RenderBlock* b = containingBlock(); |
| if (b && !b->isRenderView()) |
| return b->logicalScroll(direction, granularity, stepCount, stopElement); |
| return false; |
| } |
| |
| bool RenderBox::canBeScrolledAndHasScrollableArea() const |
| { |
| return canBeProgramaticallyScrolled() && (hasHorizontalOverflow() || hasVerticalOverflow()); |
| } |
| |
| bool RenderBox::isScrollableOrRubberbandableBox() const |
| { |
| return canBeScrolledAndHasScrollableArea(); |
| } |
| |
| bool RenderBox::requiresLayerWithScrollableArea() const |
| { |
| // FIXME: This is wrong; these boxes' layers should not need ScrollableAreas via RenderLayer. |
| if (isRenderView() || isDocumentElementRenderer()) |
| return true; |
| |
| if (hasPotentiallyScrollableOverflow()) |
| return true; |
| |
| if (style().resize() != Resize::None) |
| return true; |
| |
| if (isHTMLMarquee() && style().marqueeBehavior() != MarqueeBehavior::None) |
| return true; |
| |
| return false; |
| } |
| |
| // FIXME: This is badly named. overflow:hidden can be programmatically scrolled, yet this returns false in that case. |
| bool RenderBox::canBeProgramaticallyScrolled() const |
| { |
| if (isRenderView()) |
| return true; |
| |
| if (!hasPotentiallyScrollableOverflow()) |
| return false; |
| |
| if (hasScrollableOverflowX() || hasScrollableOverflowY()) |
| return true; |
| |
| return element() && element()->hasEditableStyle(); |
| } |
| |
| bool RenderBox::usesCompositedScrolling() const |
| { |
| return hasNonVisibleOverflow() && hasLayer() && layer()->usesCompositedScrolling(); |
| } |
| |
| void RenderBox::autoscroll(const IntPoint& position) |
| { |
| if (layer()) |
| layer()->autoscroll(position); |
| } |
| |
| // There are two kinds of renderer that can autoscroll. |
| bool RenderBox::canAutoscroll() const |
| { |
| if (isRenderView()) |
| return view().frameView().isScrollable(); |
| |
| // Check for a box that can be scrolled in its own right. |
| if (canBeScrolledAndHasScrollableArea()) |
| return true; |
| |
| return false; |
| } |
| |
| // If specified point is in border belt, returned offset denotes direction of |
| // scrolling. |
| IntSize RenderBox::calculateAutoscrollDirection(const IntPoint& windowPoint) const |
| { |
| IntRect box(absoluteBoundingBoxRect()); |
| box.moveBy(view().frameView().scrollPosition()); |
| IntRect windowBox = view().frameView().contentsToWindow(box); |
| |
| IntPoint windowAutoscrollPoint = windowPoint; |
| |
| if (windowAutoscrollPoint.x() < windowBox.x() + autoscrollBeltSize) |
| windowAutoscrollPoint.move(-autoscrollBeltSize, 0); |
| else if (windowAutoscrollPoint.x() > windowBox.maxX() - autoscrollBeltSize) |
| windowAutoscrollPoint.move(autoscrollBeltSize, 0); |
| |
| if (windowAutoscrollPoint.y() < windowBox.y() + autoscrollBeltSize) |
| windowAutoscrollPoint.move(0, -autoscrollBeltSize); |
| else if (windowAutoscrollPoint.y() > windowBox.maxY() - autoscrollBeltSize) |
| windowAutoscrollPoint.move(0, autoscrollBeltSize); |
| |
| return windowAutoscrollPoint - windowPoint; |
| } |
| |
| RenderBox* RenderBox::findAutoscrollable(RenderObject* renderer) |
| { |
| while (renderer && !(is<RenderBox>(*renderer) && downcast<RenderBox>(*renderer).canAutoscroll())) { |
| if (is<RenderView>(*renderer) && renderer->document().ownerElement()) |
| renderer = renderer->document().ownerElement()->renderer(); |
| else |
| renderer = renderer->parent(); |
| } |
| |
| return dynamicDowncast<RenderBox>(renderer); |
| } |
| |
| void RenderBox::panScroll(const IntPoint& source) |
| { |
| if (auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr) |
| scrollableArea->panScrollFromPoint(source); |
| } |
| |
| bool RenderBox::canUseOverlayScrollbars() const |
| { |
| return !style().hasPseudoStyle(PseudoId::Scrollbar) && ScrollbarTheme::theme().usesOverlayScrollbars(); |
| } |
| |
| bool RenderBox::hasAutoScrollbar(ScrollbarOrientation orientation) const |
| { |
| if (!hasNonVisibleOverflow()) |
| return false; |
| |
| auto isAutoOrScrollWithOverlayScrollbar = [&](Overflow overflow) { |
| return overflow == Overflow::Auto || (overflow == Overflow::Scroll && canUseOverlayScrollbars()); |
| }; |
| |
| switch (orientation) { |
| case ScrollbarOrientation::Horizontal: |
| return isAutoOrScrollWithOverlayScrollbar(style().overflowX()); |
| case ScrollbarOrientation::Vertical: |
| return isAutoOrScrollWithOverlayScrollbar(style().overflowY()); |
| } |
| return false; |
| } |
| |
| bool RenderBox::hasAlwaysPresentScrollbar(ScrollbarOrientation orientation) const |
| { |
| if (!hasNonVisibleOverflow()) |
| return false; |
| |
| auto isAlwaysVisibleScrollbar = [&](Overflow overflow) { |
| return overflow == Overflow::Scroll && !canUseOverlayScrollbars(); |
| }; |
| |
| switch (orientation) { |
| case ScrollbarOrientation::Horizontal: |
| return isAlwaysVisibleScrollbar(style().overflowX()); |
| case ScrollbarOrientation::Vertical: |
| return isAlwaysVisibleScrollbar(style().overflowY()); |
| } |
| return false; |
| } |
| |
| bool RenderBox::needsPreferredWidthsRecalculation() const |
| { |
| return style().paddingStart().isPercentOrCalculated() || style().paddingEnd().isPercentOrCalculated() || (style().hasAspectRatio() && (hasRelativeLogicalHeight() || (isFlexItem() && hasStretchedLogicalHeight()))); |
| } |
| |
| ScrollPosition RenderBox::scrollPosition() const |
| { |
| if (!hasPotentiallyScrollableOverflow()) |
| return { 0, 0 }; |
| |
| ASSERT(hasLayer()); |
| auto* scrollableArea = layer()->scrollableArea(); |
| if (!scrollableArea) |
| return { 0, 0 }; |
| |
| return scrollableArea->scrollPosition(); |
| } |
| |
| LayoutSize RenderBox::cachedSizeForOverflowClip() const |
| { |
| ASSERT(hasNonVisibleOverflow()); |
| ASSERT(hasLayer()); |
| return layer()->size(); |
| } |
| |
| bool RenderBox::applyCachedClipAndScrollPosition(LayoutRect& rect, const RenderLayerModelObject* container, VisibleRectContext context) const |
| { |
| flipForWritingMode(rect); |
| |
| if (context.options.contains(VisibleRectContextOption::ApplyCompositedContainerScrolls) || this != container || !usesCompositedScrolling()) |
| rect.moveBy(-scrollPosition()); // For overflow:auto/scroll/hidden. |
| |
| // Do not clip scroll layer contents to reduce the number of repaints while scrolling. |
| if ((!context.options.contains(VisibleRectContextOption::ApplyCompositedClips) && usesCompositedScrolling()) |
| || (!context.options.contains(VisibleRectContextOption::ApplyContainerClip) && this == container)) { |
| flipForWritingMode(rect); |
| return true; |
| } |
| |
| // height() is inaccurate if we're in the middle of a layout of this RenderBox, so use the |
| // layer's size instead. Even if the layer's size is wrong, the layer itself will repaint |
| // anyway if its size does change. |
| LayoutRect clipRect(LayoutPoint(), cachedSizeForOverflowClip()); |
| bool intersects; |
| if (context.options.contains(VisibleRectContextOption::UseEdgeInclusiveIntersection)) |
| intersects = rect.edgeInclusiveIntersect(clipRect); |
| else { |
| rect.intersect(clipRect); |
| intersects = !rect.isEmpty(); |
| } |
| flipForWritingMode(rect); |
| return intersects; |
| } |
| |
| void RenderBox::computeIntrinsicLogicalWidths(LayoutUnit& minLogicalWidth, LayoutUnit& maxLogicalWidth) const |
| { |
| minLogicalWidth = minPreferredLogicalWidth() - borderAndPaddingLogicalWidth(); |
| maxLogicalWidth = maxPreferredLogicalWidth() - borderAndPaddingLogicalWidth(); |
| } |
| |
| LayoutUnit RenderBox::minPreferredLogicalWidth() const |
| { |
| if (preferredLogicalWidthsDirty()) { |
| SetLayoutNeededForbiddenScope layoutForbiddenScope(*this); |
| const_cast<RenderBox&>(*this).computePreferredLogicalWidths(); |
| } |
| return m_minPreferredLogicalWidth; |
| } |
| |
| LayoutUnit RenderBox::maxPreferredLogicalWidth() const |
| { |
| if (preferredLogicalWidthsDirty()) { |
| SetLayoutNeededForbiddenScope layoutForbiddenScope(*this); |
| const_cast<RenderBox&>(*this).computePreferredLogicalWidths(); |
| } |
| return m_maxPreferredLogicalWidth; |
| } |
| |
| bool RenderBox::hasOverridingLogicalHeight() const |
| { |
| return gOverridingLogicalHeightMap && gOverridingLogicalHeightMap->contains(this); |
| } |
| |
| bool RenderBox::hasOverridingLogicalWidth() const |
| { |
| return gOverridingLogicalWidthMap && gOverridingLogicalWidthMap->contains(this); |
| } |
| |
| void RenderBox::setOverridingLogicalHeight(LayoutUnit height) |
| { |
| if (!gOverridingLogicalHeightMap) |
| gOverridingLogicalHeightMap = new OverrideSizeMap(); |
| gOverridingLogicalHeightMap->set(this, height); |
| } |
| |
| void RenderBox::setOverridingLogicalWidth(LayoutUnit width) |
| { |
| if (!gOverridingLogicalWidthMap) |
| gOverridingLogicalWidthMap = new OverrideSizeMap(); |
| gOverridingLogicalWidthMap->set(this, width); |
| } |
| |
| void RenderBox::clearOverridingLogicalHeight() |
| { |
| if (gOverridingLogicalHeightMap) |
| gOverridingLogicalHeightMap->remove(this); |
| } |
| |
| void RenderBox::clearOverridingLogicalWidth() |
| { |
| if (gOverridingLogicalWidthMap) |
| gOverridingLogicalWidthMap->remove(this); |
| } |
| |
| void RenderBox::clearOverridingContentSize() |
| { |
| clearOverridingLogicalHeight(); |
| clearOverridingLogicalWidth(); |
| } |
| |
| LayoutUnit RenderBox::overridingLogicalWidth() const |
| { |
| ASSERT(hasOverridingLogicalWidth()); |
| return gOverridingLogicalWidthMap->get(this); |
| } |
| |
| LayoutUnit RenderBox::overridingLogicalHeight() const |
| { |
| ASSERT(hasOverridingLogicalHeight()); |
| return gOverridingLogicalHeightMap->get(this); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::overridingContainingBlockContentWidth() const |
| { |
| ASSERT(hasOverridingContainingBlockContentWidth()); |
| return containingBlock()->style().isHorizontalWritingMode() |
| ? gOverridingContainingBlockContentLogicalWidthMap->get(this) |
| : gOverridingContainingBlockContentLogicalHeightMap->get(this); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::overridingContainingBlockContentHeight() const |
| { |
| ASSERT(hasOverridingContainingBlockContentHeight()); |
| return containingBlock()->style().isHorizontalWritingMode() |
| ? gOverridingContainingBlockContentLogicalHeightMap->get(this) |
| : gOverridingContainingBlockContentLogicalWidthMap->get(this); |
| } |
| |
| bool RenderBox::hasOverridingContainingBlockContentWidth() const |
| { |
| RenderBlock* cb = containingBlock(); |
| if (!cb) |
| return false; |
| |
| return cb->style().isHorizontalWritingMode() |
| ? gOverridingContainingBlockContentLogicalWidthMap && gOverridingContainingBlockContentLogicalWidthMap->contains(this) |
| : gOverridingContainingBlockContentLogicalHeightMap && gOverridingContainingBlockContentLogicalHeightMap->contains(this); |
| } |
| |
| bool RenderBox::hasOverridingContainingBlockContentHeight() const |
| { |
| RenderBlock* cb = containingBlock(); |
| if (!cb) |
| return false; |
| |
| return cb->style().isHorizontalWritingMode() |
| ? gOverridingContainingBlockContentLogicalHeightMap && gOverridingContainingBlockContentLogicalHeightMap->contains(this) |
| : gOverridingContainingBlockContentLogicalWidthMap && gOverridingContainingBlockContentLogicalWidthMap->contains(this); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::overridingContainingBlockContentLogicalWidth() const |
| { |
| ASSERT(hasOverridingContainingBlockContentLogicalWidth()); |
| return gOverridingContainingBlockContentLogicalWidthMap->get(this); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::overridingContainingBlockContentLogicalHeight() const |
| { |
| ASSERT(hasOverridingContainingBlockContentLogicalHeight()); |
| return gOverridingContainingBlockContentLogicalHeightMap->get(this); |
| } |
| |
| bool RenderBox::hasOverridingContainingBlockContentLogicalWidth() const |
| { |
| return gOverridingContainingBlockContentLogicalWidthMap && gOverridingContainingBlockContentLogicalWidthMap->contains(this); |
| } |
| |
| bool RenderBox::hasOverridingContainingBlockContentLogicalHeight() const |
| { |
| return gOverridingContainingBlockContentLogicalHeightMap && gOverridingContainingBlockContentLogicalHeightMap->contains(this); |
| } |
| |
| void RenderBox::setOverridingContainingBlockContentLogicalWidth(std::optional<LayoutUnit> logicalWidth) |
| { |
| if (!gOverridingContainingBlockContentLogicalWidthMap) |
| gOverridingContainingBlockContentLogicalWidthMap = new OverrideOptionalSizeMap; |
| gOverridingContainingBlockContentLogicalWidthMap->set(this, logicalWidth); |
| } |
| |
| void RenderBox::setOverridingContainingBlockContentLogicalHeight(std::optional<LayoutUnit> logicalHeight) |
| { |
| if (!gOverridingContainingBlockContentLogicalHeightMap) |
| gOverridingContainingBlockContentLogicalHeightMap = new OverrideOptionalSizeMap; |
| gOverridingContainingBlockContentLogicalHeightMap->set(this, logicalHeight); |
| } |
| |
| void RenderBox::clearOverridingContainingBlockContentSize() |
| { |
| if (gOverridingContainingBlockContentLogicalWidthMap) |
| gOverridingContainingBlockContentLogicalWidthMap->remove(this); |
| clearOverridingContainingBlockContentLogicalHeight(); |
| } |
| |
| void RenderBox::clearOverridingContainingBlockContentLogicalHeight() |
| { |
| if (gOverridingContainingBlockContentLogicalHeightMap) |
| gOverridingContainingBlockContentLogicalHeightMap->remove(this); |
| } |
| |
| Length RenderBox::overridingLogicalHeightLength() const |
| { |
| ASSERT(hasOverridingLogicalHeightLength()); |
| return gOverridingLogicalHeightLengthMap->get(this); |
| } |
| |
| void RenderBox::setOverridingLogicalHeightLength(const Length& height) |
| { |
| if (!gOverridingLogicalHeightLengthMap) |
| gOverridingLogicalHeightLengthMap = new OverridingLengthMap(); |
| gOverridingLogicalHeightLengthMap->set(this, height); |
| } |
| |
| bool RenderBox::hasOverridingLogicalHeightLength() const |
| { |
| return gOverridingLogicalHeightLengthMap && gOverridingLogicalHeightLengthMap->contains(this); |
| } |
| |
| void RenderBox::clearOverridingLogicalHeightLength() |
| { |
| if (gOverridingLogicalHeightLengthMap) |
| gOverridingLogicalHeightLengthMap->remove(this); |
| } |
| |
| Length RenderBox::overridingLogicalWidthLength() const |
| { |
| ASSERT(hasOverridingLogicalWidthLength()); |
| return gOverridingLogicalWidthLengthMap->get(this); |
| } |
| |
| void RenderBox::setOverridingLogicalWidthLength(const Length& height) |
| { |
| if (!gOverridingLogicalWidthLengthMap) |
| gOverridingLogicalWidthLengthMap = new OverridingLengthMap(); |
| gOverridingLogicalWidthLengthMap->set(this, height); |
| } |
| |
| bool RenderBox::hasOverridingLogicalWidthLength() const |
| { |
| return gOverridingLogicalWidthLengthMap && gOverridingLogicalWidthLengthMap->contains(this); |
| } |
| |
| void RenderBox::clearOverridingLogicalWidthLength() |
| { |
| if (gOverridingLogicalWidthLengthMap) |
| gOverridingLogicalWidthLengthMap->remove(this); |
| } |
| |
| LayoutUnit RenderBox::adjustBorderBoxLogicalWidthForBoxSizing(const Length& logicalWidth) const |
| { |
| auto width = LayoutUnit { logicalWidth.value() }; |
| LayoutUnit bordersPlusPadding = borderAndPaddingLogicalWidth(); |
| if (style().boxSizing() == BoxSizing::ContentBox || logicalWidth.isIntrinsicOrAuto()) |
| return width + bordersPlusPadding; |
| return std::max(width, bordersPlusPadding); |
| } |
| |
| LayoutUnit RenderBox::adjustBorderBoxLogicalWidthForBoxSizing(LayoutUnit computedLogicalWidth, LengthType originalType) const |
| { |
| if (originalType == LengthType::Calculated) |
| return adjustBorderBoxLogicalWidthForBoxSizing({ computedLogicalWidth, LengthType::Fixed, false }); |
| return adjustBorderBoxLogicalWidthForBoxSizing({ computedLogicalWidth, originalType, false }); |
| } |
| |
| LayoutUnit RenderBox::adjustBorderBoxLogicalHeightForBoxSizing(LayoutUnit height) const |
| { |
| LayoutUnit bordersPlusPadding = borderAndPaddingLogicalHeight(); |
| if (style().boxSizing() == BoxSizing::ContentBox) |
| return height + bordersPlusPadding; |
| return std::max(height, bordersPlusPadding); |
| } |
| |
| LayoutUnit RenderBox::adjustContentBoxLogicalWidthForBoxSizing(const Length& logicalWidth) const |
| { |
| auto width = LayoutUnit { logicalWidth.value() }; |
| if (style().boxSizing() == BoxSizing::ContentBox || logicalWidth.isIntrinsicOrAuto()) |
| return std::max(0_lu, width); |
| return std::max(0_lu, width - borderAndPaddingLogicalWidth()); |
| } |
| |
| LayoutUnit RenderBox::adjustContentBoxLogicalWidthForBoxSizing(LayoutUnit computedLogicalWidth, LengthType originalType) const |
| { |
| if (originalType == LengthType::Calculated) |
| return adjustContentBoxLogicalWidthForBoxSizing({ computedLogicalWidth, LengthType::Fixed, false }); |
| return adjustContentBoxLogicalWidthForBoxSizing({ computedLogicalWidth, originalType, false }); |
| } |
| |
| LayoutUnit RenderBox::adjustContentBoxLogicalHeightForBoxSizing(std::optional<LayoutUnit> height) const |
| { |
| if (!height) |
| return 0; |
| LayoutUnit result = height.value(); |
| if (style().boxSizing() == BoxSizing::BorderBox) |
| result -= borderAndPaddingLogicalHeight(); |
| return std::max(0_lu, result); |
| } |
| |
| LayoutUnit RenderBox::adjustIntrinsicLogicalHeightForBoxSizing(LayoutUnit height) const |
| { |
| if (style().boxSizing() == BoxSizing::BorderBox) |
| return height + borderAndPaddingLogicalHeight(); |
| return height; |
| } |
| |
| // Hit Testing |
| bool RenderBox::hitTestVisualOverflow(const HitTestLocation& hitTestLocation, const LayoutPoint& accumulatedOffset) const |
| { |
| if (isRenderView()) |
| return true; |
| |
| LayoutPoint adjustedLocation = accumulatedOffset + location(); |
| LayoutRect overflowBox = visualOverflowRect(); |
| flipForWritingMode(overflowBox); |
| overflowBox.moveBy(adjustedLocation); |
| return hitTestLocation.intersects(overflowBox); |
| } |
| |
| bool RenderBox::hitTestClipPath(const HitTestLocation& hitTestLocation, const LayoutPoint& accumulatedOffset) const |
| { |
| if (!style().clipPath()) |
| return true; |
| |
| auto offsetFromHitTestRoot = toLayoutSize(accumulatedOffset + location()); |
| auto hitTestLocationInLocalCoordinates = hitTestLocation.point() - offsetFromHitTestRoot; |
| switch (style().clipPath()->type()) { |
| case PathOperation::Shape: { |
| auto& clipPath = downcast<ShapePathOperation>(*style().clipPath()); |
| auto referenceBoxRect = this->referenceBoxRect(clipPath.referenceBox()); |
| if (!clipPath.pathForReferenceRect(referenceBoxRect).contains(hitTestLocationInLocalCoordinates, clipPath.windRule())) |
| return false; |
| break; |
| } |
| case PathOperation::Reference: { |
| const auto& referencePathOperation = downcast<ReferencePathOperation>(*style().clipPath()); |
| auto* element = document().getElementById(referencePathOperation.fragment()); |
| if (!element || !element->renderer()) |
| break; |
| if (!is<SVGClipPathElement>(*element)) |
| break; |
| auto& clipper = downcast<RenderSVGResourceClipper>(*element->renderer()); |
| if (!clipper.hitTestClipContent(FloatRect(borderBoxRect()), FloatPoint { hitTestLocationInLocalCoordinates })) |
| return false; |
| break; |
| } |
| case PathOperation::Box: |
| break; |
| case PathOperation::Ray: |
| ASSERT_NOT_REACHED("clip-path does not support Ray shape"); |
| break; |
| } |
| |
| return true; |
| } |
| |
| bool RenderBox::hitTestBorderRadius(const HitTestLocation& hitTestLocation, const LayoutPoint& accumulatedOffset) const |
| { |
| if (isRenderView() || !style().hasBorderRadius()) |
| return true; |
| |
| LayoutPoint adjustedLocation = accumulatedOffset + location(); |
| LayoutRect borderRect = borderBoxRect(); |
| borderRect.moveBy(adjustedLocation); |
| RoundedRect border = style().getRoundedBorderFor(borderRect); |
| return hitTestLocation.intersects(border); |
| } |
| |
| bool RenderBox::nodeAtPoint(const HitTestRequest& request, HitTestResult& result, const HitTestLocation& locationInContainer, const LayoutPoint& accumulatedOffset, HitTestAction action) |
| { |
| LayoutPoint adjustedLocation = accumulatedOffset + location(); |
| |
| // Check kids first. |
| for (RenderObject* child = lastChild(); child; child = child->previousSibling()) { |
| if (!child->hasLayer() && child->nodeAtPoint(request, result, locationInContainer, adjustedLocation, action)) { |
| updateHitTestResult(result, locationInContainer.point() - toLayoutSize(adjustedLocation)); |
| return true; |
| } |
| } |
| |
| // Check our bounds next. For this purpose always assume that we can only be hit in the |
| // foreground phase (which is true for replaced elements like images). |
| LayoutRect boundsRect = borderBoxRectInFragment(nullptr); |
| boundsRect.moveBy(adjustedLocation); |
| if (visibleToHitTesting(request) && action == HitTestForeground && locationInContainer.intersects(boundsRect)) { |
| if (!hitTestVisualOverflow(locationInContainer, accumulatedOffset)) |
| return false; |
| |
| if (!hitTestClipPath(locationInContainer, accumulatedOffset)) |
| return false; |
| |
| if (!hitTestBorderRadius(locationInContainer, accumulatedOffset)) |
| return false; |
| |
| updateHitTestResult(result, locationInContainer.point() - toLayoutSize(adjustedLocation)); |
| if (result.addNodeToListBasedTestResult(nodeForHitTest(), request, locationInContainer, boundsRect) == HitTestProgress::Stop) |
| return true; |
| } |
| |
| return RenderBoxModelObject::nodeAtPoint(request, result, locationInContainer, accumulatedOffset, action); |
| } |
| |
| // --------------------- painting stuff ------------------------------- |
| |
| void RenderBox::paintRootBoxFillLayers(const PaintInfo& paintInfo) |
| { |
| ASSERT(isDocumentElementRenderer()); |
| if (paintInfo.skipRootBackground()) |
| return; |
| |
| auto* rootBackgroundRenderer = view().rendererForRootBackground(); |
| if (!rootBackgroundRenderer) |
| return; |
| |
| auto& style = rootBackgroundRenderer->style(); |
| auto color = style.visitedDependentColor(CSSPropertyBackgroundColor); |
| auto compositeOp = document().compositeOperatorForBackgroundColor(color, *this); |
| |
| paintFillLayers(paintInfo, style.colorByApplyingColorFilter(color), style.backgroundLayers(), view().backgroundRect(), BackgroundBleedNone, compositeOp, rootBackgroundRenderer); |
| } |
| |
| BackgroundBleedAvoidance RenderBox::determineBackgroundBleedAvoidance(GraphicsContext& context) const |
| { |
| if (context.paintingDisabled()) |
| return BackgroundBleedNone; |
| |
| const RenderStyle& style = this->style(); |
| |
| if (!style.hasBackground() || !style.hasBorder() || !style.hasBorderRadius() || borderImageIsLoadedAndCanBeRendered()) |
| return BackgroundBleedNone; |
| |
| AffineTransform ctm = context.getCTM(); |
| FloatSize contextScaling(static_cast<float>(ctm.xScale()), static_cast<float>(ctm.yScale())); |
| |
| // Because RoundedRect uses IntRect internally the inset applied by the |
| // BackgroundBleedShrinkBackground strategy cannot be less than one integer |
| // layout coordinate, even with subpixel layout enabled. To take that into |
| // account, we clamp the contextScaling to 1.0 for the following test so |
| // that borderObscuresBackgroundEdge can only return true if the border |
| // widths are greater than 2 in both layout coordinates and screen |
| // coordinates. |
| // This precaution will become obsolete if RoundedRect is ever promoted to |
| // a sub-pixel representation. |
| if (contextScaling.width() > 1) |
| contextScaling.setWidth(1); |
| if (contextScaling.height() > 1) |
| contextScaling.setHeight(1); |
| |
| if (borderObscuresBackgroundEdge(contextScaling)) |
| return BackgroundBleedShrinkBackground; |
| if (!style.hasEffectiveAppearance() && borderObscuresBackground() && backgroundHasOpaqueTopLayer()) |
| return BackgroundBleedBackgroundOverBorder; |
| |
| return BackgroundBleedUseTransparencyLayer; |
| } |
| |
| void RenderBox::paintBoxDecorations(PaintInfo& paintInfo, const LayoutPoint& paintOffset) |
| { |
| if (!paintInfo.shouldPaintWithinRoot(*this)) |
| return; |
| |
| LayoutRect paintRect = borderBoxRectInFragment(nullptr); |
| paintRect.moveBy(paintOffset); |
| adjustBorderBoxRectForPainting(paintRect); |
| |
| paintRect = theme().adjustedPaintRect(*this, paintRect); |
| BackgroundBleedAvoidance bleedAvoidance = determineBackgroundBleedAvoidance(paintInfo.context()); |
| |
| // FIXME: Should eventually give the theme control over whether the box shadow should paint, since controls could have |
| // custom shadows of their own. |
| if (!boxShadowShouldBeAppliedToBackground(paintRect.location(), bleedAvoidance, { })) |
| paintBoxShadow(paintInfo, paintRect, style(), ShadowStyle::Normal); |
| |
| GraphicsContextStateSaver stateSaver(paintInfo.context(), false); |
| if (bleedAvoidance == BackgroundBleedUseTransparencyLayer) { |
| // To avoid the background color bleeding out behind the border, we'll render background and border |
| // into a transparency layer, and then clip that in one go (which requires setting up the clip before |
| // beginning the layer). |
| stateSaver.save(); |
| paintInfo.context().clipRoundedRect(style().getRoundedBorderFor(paintRect).pixelSnappedRoundedRectForPainting(document().deviceScaleFactor())); |
| paintInfo.context().beginTransparencyLayer(1); |
| } |
| |
| // If we have a native theme appearance, paint that before painting our background. |
| // The theme will tell us whether or not we should also paint the CSS background. |
| bool borderOrBackgroundPaintingIsNeeded = true; |
| if (style().hasEffectiveAppearance()) { |
| ControlStates* controlStates = controlStatesForRenderer(*this); |
| borderOrBackgroundPaintingIsNeeded = theme().paint(*this, *controlStates, paintInfo, paintRect); |
| if (controlStates->needsRepaint()) |
| view().scheduleLazyRepaint(*this); |
| } |
| |
| if (borderOrBackgroundPaintingIsNeeded) { |
| if (bleedAvoidance == BackgroundBleedBackgroundOverBorder) |
| paintBorder(paintInfo, paintRect, style(), bleedAvoidance); |
| |
| paintBackground(paintInfo, paintRect, bleedAvoidance); |
| |
| if (style().hasEffectiveAppearance()) |
| theme().paintDecorations(*this, paintInfo, paintRect); |
| } |
| paintBoxShadow(paintInfo, paintRect, style(), ShadowStyle::Inset); |
| |
| // The theme will tell us whether or not we should also paint the CSS border. |
| if (bleedAvoidance != BackgroundBleedBackgroundOverBorder && (!style().hasEffectiveAppearance() || (borderOrBackgroundPaintingIsNeeded && theme().paintBorderOnly(*this, paintInfo, paintRect))) && style().hasVisibleBorderDecoration()) |
| paintBorder(paintInfo, paintRect, style(), bleedAvoidance); |
| |
| if (bleedAvoidance == BackgroundBleedUseTransparencyLayer) |
| paintInfo.context().endTransparencyLayer(); |
| } |
| |
| bool RenderBox::paintsOwnBackground() const |
| { |
| if (isBody()) { |
| // The <body> only paints its background if the root element has defined a background independent of the body, |
| // or if the <body>'s parent is not the document element's renderer (e.g. inside SVG foreignObject). |
| auto documentElementRenderer = document().documentElement()->renderer(); |
| return !documentElementRenderer |
| || documentElementRenderer->hasBackground() |
| || (documentElementRenderer != parent()); |
| } |
| |
| return true; |
| } |
| |
| void RenderBox::paintBackground(const PaintInfo& paintInfo, const LayoutRect& paintRect, BackgroundBleedAvoidance bleedAvoidance) |
| { |
| if (isDocumentElementRenderer()) { |
| paintRootBoxFillLayers(paintInfo); |
| return; |
| } |
| |
| if (!paintsOwnBackground()) |
| return; |
| |
| if (backgroundIsKnownToBeObscured(paintRect.location()) && !boxShadowShouldBeAppliedToBackground(paintRect.location(), bleedAvoidance, { })) |
| return; |
| |
| auto backgroundColor = style().visitedDependentColor(CSSPropertyBackgroundColor); |
| auto compositeOp = document().compositeOperatorForBackgroundColor(backgroundColor, *this); |
| |
| paintFillLayers(paintInfo, style().colorByApplyingColorFilter(backgroundColor), style().backgroundLayers(), paintRect, bleedAvoidance, compositeOp); |
| } |
| |
| bool RenderBox::getBackgroundPaintedExtent(const LayoutPoint& paintOffset, LayoutRect& paintedExtent) const |
| { |
| ASSERT(hasBackground()); |
| LayoutRect backgroundRect = snappedIntRect(borderBoxRect()); |
| |
| Color backgroundColor = style().visitedDependentColorWithColorFilter(CSSPropertyBackgroundColor); |
| if (backgroundColor.isVisible()) { |
| paintedExtent = backgroundRect; |
| return true; |
| } |
| |
| auto& layers = style().backgroundLayers(); |
| if (!layers.image() || layers.next()) { |
| paintedExtent = backgroundRect; |
| return true; |
| } |
| |
| auto geometry = calculateBackgroundImageGeometry(nullptr, layers, paintOffset, backgroundRect); |
| paintedExtent = geometry.destRect(); |
| return !geometry.hasNonLocalGeometry(); |
| } |
| |
| bool RenderBox::backgroundIsKnownToBeOpaqueInRect(const LayoutRect& localRect) const |
| { |
| if (!paintsOwnBackground()) |
| return false; |
| |
| Color backgroundColor = style().visitedDependentColorWithColorFilter(CSSPropertyBackgroundColor); |
| if (!backgroundColor.isOpaque()) |
| return false; |
| |
| // If the element has appearance, it might be painted by theme. |
| // We cannot be sure if theme paints the background opaque. |
| // In this case it is safe to not assume opaqueness. |
| // FIXME: May be ask theme if it paints opaque. |
| if (style().hasEffectiveAppearance()) |
| return false; |
| // FIXME: Check the opaqueness of background images. |
| |
| if (hasClip() || hasClipPath()) |
| return false; |
| |
| // FIXME: Use rounded rect if border radius is present. |
| if (style().hasBorderRadius()) |
| return false; |
| |
| // FIXME: The background color clip is defined by the last layer. |
| if (style().backgroundLayers().next()) |
| return false; |
| LayoutRect backgroundRect; |
| switch (style().backgroundClip()) { |
| case FillBox::Border: |
| backgroundRect = borderBoxRect(); |
| break; |
| case FillBox::Padding: |
| backgroundRect = paddingBoxRect(); |
| break; |
| case FillBox::Content: |
| backgroundRect = contentBoxRect(); |
| break; |
| default: |
| break; |
| } |
| return backgroundRect.contains(localRect); |
| } |
| |
| static bool isCandidateForOpaquenessTest(const RenderBox& childBox) |
| { |
| const RenderStyle& childStyle = childBox.style(); |
| if (childStyle.position() != PositionType::Static && childBox.containingBlock() != childBox.parent()) |
| return false; |
| if (childStyle.visibility() != Visibility::Visible) |
| return false; |
| if (childStyle.shapeOutside()) |
| return false; |
| if (!childBox.width() || !childBox.height()) |
| return false; |
| if (RenderLayer* childLayer = childBox.layer()) { |
| if (childLayer->isComposited()) |
| return false; |
| // FIXME: Deal with z-index. |
| if (!childStyle.hasAutoUsedZIndex()) |
| return false; |
| if (childLayer->hasTransform() || childLayer->isTransparent() || childLayer->hasFilter()) |
| return false; |
| if (!childBox.scrollPosition().isZero()) |
| return false; |
| } |
| return true; |
| } |
| |
| bool RenderBox::foregroundIsKnownToBeOpaqueInRect(const LayoutRect& localRect, unsigned maxDepthToTest) const |
| { |
| if (!maxDepthToTest) |
| return false; |
| |
| for (auto& childBox : childrenOfType<RenderBox>(*this)) { |
| if (!isCandidateForOpaquenessTest(childBox)) |
| continue; |
| LayoutPoint childLocation = childBox.location(); |
| if (childBox.isRelativelyPositioned()) |
| childLocation.move(childBox.relativePositionOffset()); |
| LayoutRect childLocalRect = localRect; |
| childLocalRect.moveBy(-childLocation); |
| if (childLocalRect.y() < 0 || childLocalRect.x() < 0) { |
| // If there is unobscured area above/left of a static positioned box then the rect is probably not covered. |
| if (childBox.style().position() == PositionType::Static) |
| return false; |
| continue; |
| } |
| if (childLocalRect.maxY() > childBox.height() || childLocalRect.maxX() > childBox.width()) |
| continue; |
| if (childBox.backgroundIsKnownToBeOpaqueInRect(childLocalRect)) |
| return true; |
| if (childBox.foregroundIsKnownToBeOpaqueInRect(childLocalRect, maxDepthToTest - 1)) |
| return true; |
| } |
| return false; |
| } |
| |
| bool RenderBox::computeBackgroundIsKnownToBeObscured(const LayoutPoint& paintOffset) |
| { |
| // Test to see if the children trivially obscure the background. |
| // FIXME: This test can be much more comprehensive. |
| if (!hasBackground()) |
| return false; |
| // Table and root background painting is special. |
| if (isTable() || isDocumentElementRenderer()) |
| return false; |
| |
| LayoutRect backgroundRect; |
| if (!getBackgroundPaintedExtent(paintOffset, backgroundRect)) |
| return false; |
| |
| if (auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr) { |
| if (scrollableArea->scrollingMayRevealBackground()) |
| return false; |
| } |
| return foregroundIsKnownToBeOpaqueInRect(backgroundRect, backgroundObscurationTestMaxDepth); |
| } |
| |
| bool RenderBox::backgroundHasOpaqueTopLayer() const |
| { |
| auto& fillLayer = style().backgroundLayers(); |
| if (fillLayer.clip() != FillBox::Border) |
| return false; |
| |
| // Clipped with local scrolling |
| if (hasNonVisibleOverflow() && fillLayer.attachment() == FillAttachment::LocalBackground) |
| return false; |
| |
| if (fillLayer.hasOpaqueImage(*this) && fillLayer.hasRepeatXY() && fillLayer.image()->canRender(this, style().effectiveZoom())) |
| return true; |
| |
| // If there is only one layer and no image, check whether the background color is opaque. |
| if (!fillLayer.next() && !fillLayer.hasImage()) { |
| Color bgColor = style().visitedDependentColorWithColorFilter(CSSPropertyBackgroundColor); |
| if (bgColor.isOpaque()) |
| return true; |
| } |
| |
| return false; |
| } |
| |
| void RenderBox::paintMask(PaintInfo& paintInfo, const LayoutPoint& paintOffset) |
| { |
| if (!paintInfo.shouldPaintWithinRoot(*this) || style().visibility() != Visibility::Visible || paintInfo.phase != PaintPhase::Mask || paintInfo.context().paintingDisabled()) |
| return; |
| |
| LayoutRect paintRect = LayoutRect(paintOffset, size()); |
| adjustBorderBoxRectForPainting(paintRect); |
| paintMaskImages(paintInfo, paintRect); |
| } |
| |
| void RenderBox::paintClippingMask(PaintInfo& paintInfo, const LayoutPoint& paintOffset) |
| { |
| if (!paintInfo.shouldPaintWithinRoot(*this) || style().visibility() != Visibility::Visible || paintInfo.phase != PaintPhase::ClippingMask || paintInfo.context().paintingDisabled()) |
| return; |
| |
| LayoutRect paintRect = LayoutRect(paintOffset, size()); |
| paintInfo.context().fillRect(snappedIntRect(paintRect), Color::black); |
| } |
| |
| void RenderBox::paintMaskImages(const PaintInfo& paintInfo, const LayoutRect& paintRect) |
| { |
| // Figure out if we need to push a transparency layer to render our mask. |
| bool pushTransparencyLayer = false; |
| bool compositedMask = hasLayer() && layer()->hasCompositedMask(); |
| bool flattenCompositingLayers = paintInfo.paintBehavior.contains(PaintBehavior::FlattenCompositingLayers); |
| CompositeOperator compositeOp = CompositeOperator::SourceOver; |
| |
| bool allMaskImagesLoaded = true; |
| |
| if (!compositedMask || flattenCompositingLayers) { |
| pushTransparencyLayer = true; |
| |
| // Don't render a masked element until all the mask images have loaded, to prevent a flash of unmasked content. |
| if (auto* maskBoxImage = style().maskBoxImage().image()) |
| allMaskImagesLoaded &= maskBoxImage->isLoaded(); |
| |
| allMaskImagesLoaded &= style().maskLayers().imagesAreLoaded(); |
| |
| paintInfo.context().setCompositeOperation(CompositeOperator::DestinationIn); |
| paintInfo.context().beginTransparencyLayer(1); |
| compositeOp = CompositeOperator::SourceOver; |
| } |
| |
| if (allMaskImagesLoaded) { |
| paintFillLayers(paintInfo, Color(), style().maskLayers(), paintRect, BackgroundBleedNone, compositeOp); |
| paintNinePieceImage(paintInfo.context(), paintRect, style(), style().maskBoxImage(), compositeOp); |
| } |
| |
| if (pushTransparencyLayer) |
| paintInfo.context().endTransparencyLayer(); |
| } |
| |
| LayoutRect RenderBox::maskClipRect(const LayoutPoint& paintOffset) |
| { |
| const NinePieceImage& maskBoxImage = style().maskBoxImage(); |
| if (maskBoxImage.image()) { |
| LayoutRect borderImageRect = borderBoxRect(); |
| |
| // Apply outsets to the border box. |
| borderImageRect.expand(style().maskBoxImageOutsets()); |
| return borderImageRect; |
| } |
| |
| LayoutRect result; |
| LayoutRect borderBox = borderBoxRect(); |
| for (auto* maskLayer = &style().maskLayers(); maskLayer; maskLayer = maskLayer->next()) { |
| if (maskLayer->image()) { |
| // Masks should never have fixed attachment, so it's OK for paintContainer to be null. |
| result.unite(calculateBackgroundImageGeometry(nullptr, *maskLayer, paintOffset, borderBox).destRect()); |
| } |
| } |
| return result; |
| } |
| |
| void RenderBox::paintFillLayers(const PaintInfo& paintInfo, const Color& color, const FillLayer& fillLayer, const LayoutRect& rect, |
| BackgroundBleedAvoidance bleedAvoidance, CompositeOperator op, RenderElement* backgroundObject) |
| { |
| Vector<const FillLayer*, 8> layers; |
| bool shouldDrawBackgroundInSeparateBuffer = false; |
| |
| for (auto* layer = &fillLayer; layer; layer = layer->next()) { |
| layers.append(layer); |
| |
| if (layer->blendMode() != BlendMode::Normal) |
| shouldDrawBackgroundInSeparateBuffer = true; |
| |
| // Stop traversal when an opaque layer is encountered. |
| // FIXME: It would be possible for the following occlusion culling test to be more aggressive |
| // on layers with no repeat by testing whether the image covers the layout rect. |
| // Testing that here would imply duplicating a lot of calculations that are currently done in |
| // RenderBoxModelObject::paintFillLayerExtended. A more efficient solution might be to move |
| // the layer recursion into paintFillLayerExtended, or to compute the layer geometry here |
| // and pass it down. |
| |
| // The clipOccludesNextLayers condition must be evaluated first to avoid short-circuiting. |
| if (layer->clipOccludesNextLayers(layer == &fillLayer) && layer->hasOpaqueImage(*this) && layer->image()->canRender(this, style().effectiveZoom()) && layer->hasRepeatXY() && layer->blendMode() == BlendMode::Normal) |
| break; |
| } |
| |
| auto& context = paintInfo.context(); |
| auto baseBgColorUsage = BaseBackgroundColorUse; |
| |
| if (shouldDrawBackgroundInSeparateBuffer) { |
| paintFillLayer(paintInfo, color, *layers.last(), rect, bleedAvoidance, op, backgroundObject, BaseBackgroundColorOnly); |
| baseBgColorUsage = BaseBackgroundColorSkip; |
| context.beginTransparencyLayer(1); |
| } |
| |
| auto topLayer = layers.rend(); |
| for (auto it = layers.rbegin(); it != topLayer; ++it) |
| paintFillLayer(paintInfo, color, **it, rect, bleedAvoidance, op, backgroundObject, baseBgColorUsage); |
| |
| if (shouldDrawBackgroundInSeparateBuffer) |
| context.endTransparencyLayer(); |
| } |
| |
| void RenderBox::paintFillLayer(const PaintInfo& paintInfo, const Color& c, const FillLayer& fillLayer, const LayoutRect& rect, |
| BackgroundBleedAvoidance bleedAvoidance, CompositeOperator op, RenderElement* backgroundObject, BaseBackgroundColorUsage baseBgColorUsage) |
| { |
| paintFillLayerExtended(paintInfo, c, fillLayer, rect, bleedAvoidance, { }, { }, op, backgroundObject, baseBgColorUsage); |
| } |
| |
| static StyleImage* findLayerUsedImage(WrappedImagePtr image, const FillLayer& layers) |
| { |
| for (auto* layer = &layers; layer; layer = layer->next()) { |
| if (layer->image() && image == layer->image()->data()) |
| return layer->image(); |
| } |
| return nullptr; |
| } |
| |
| void RenderBox::imageChanged(WrappedImagePtr image, const IntRect*) |
| { |
| if (!parent()) |
| return; |
| |
| if ((style().borderImage().image() && style().borderImage().image()->data() == image) || |
| (style().maskBoxImage().image() && style().maskBoxImage().image()->data() == image)) { |
| repaint(); |
| return; |
| } |
| |
| ShapeValue* shapeOutsideValue = style().shapeOutside(); |
| if (!view().frameView().layoutContext().isInRenderTreeLayout() && isFloating() && shapeOutsideValue && shapeOutsideValue->image() && shapeOutsideValue->image()->data() == image) { |
| ShapeOutsideInfo::ensureInfo(*this).markShapeAsDirty(); |
| markShapeOutsideDependentsForLayout(); |
| } |
| |
| bool didFullRepaint = repaintLayerRectsForImage(image, style().backgroundLayers(), true); |
| if (!didFullRepaint) |
| repaintLayerRectsForImage(image, style().maskLayers(), false); |
| |
| if (!isComposited()) |
| return; |
| |
| if (layer()->hasCompositedMask() && findLayerUsedImage(image, style().maskLayers())) |
| layer()->contentChanged(MaskImageChanged); |
| |
| if (auto* styleImage = findLayerUsedImage(image, style().backgroundLayers())) { |
| layer()->contentChanged(BackgroundImageChanged); |
| incrementVisuallyNonEmptyPixelCountIfNeeded(flooredIntSize(styleImage->imageSize(this, style().effectiveZoom()))); |
| } |
| } |
| |
| void RenderBox::incrementVisuallyNonEmptyPixelCountIfNeeded(const IntSize& size) |
| { |
| if (didContibuteToVisuallyNonEmptyPixelCount()) |
| return; |
| |
| view().frameView().incrementVisuallyNonEmptyPixelCount(size); |
| setDidContibuteToVisuallyNonEmptyPixelCount(); |
| } |
| |
| bool RenderBox::repaintLayerRectsForImage(WrappedImagePtr image, const FillLayer& layers, bool drawingBackground) |
| { |
| LayoutRect rendererRect; |
| RenderBox* layerRenderer = nullptr; |
| |
| for (auto* layer = &layers; layer; layer = layer->next()) { |
| if (layer->image() && image == layer->image()->data() && (layer->image()->isLoaded() || layer->image()->canRender(this, style().effectiveZoom()))) { |
| // Now that we know this image is being used, compute the renderer and the rect if we haven't already. |
| bool drawingRootBackground = drawingBackground && (isDocumentElementRenderer() || (isBody() && !document().documentElement()->renderer()->hasBackground())); |
| if (!layerRenderer) { |
| if (drawingRootBackground) { |
| layerRenderer = &view(); |
| |
| LayoutUnit rw = downcast<RenderView>(*layerRenderer).frameView().contentsWidth(); |
| LayoutUnit rh = downcast<RenderView>(*layerRenderer).frameView().contentsHeight(); |
| |
| rendererRect = LayoutRect(-layerRenderer->marginLeft(), |
| -layerRenderer->marginTop(), |
| std::max(layerRenderer->width() + layerRenderer->horizontalMarginExtent() + layerRenderer->borderLeft() + layerRenderer->borderRight(), rw), |
| std::max(layerRenderer->height() + layerRenderer->verticalMarginExtent() + layerRenderer->borderTop() + layerRenderer->borderBottom(), rh)); |
| } else { |
| layerRenderer = this; |
| rendererRect = borderBoxRect(); |
| } |
| } |
| // FIXME: Figure out how to pass absolute position to calculateBackgroundImageGeometry (for pixel snapping) |
| BackgroundImageGeometry geometry = layerRenderer->calculateBackgroundImageGeometry(nullptr, *layer, LayoutPoint(), rendererRect); |
| if (geometry.hasNonLocalGeometry()) { |
| // Rather than incur the costs of computing the paintContainer for renderers with fixed backgrounds |
| // in order to get the right destRect, just repaint the entire renderer. |
| layerRenderer->repaint(); |
| return true; |
| } |
| |
| LayoutRect rectToRepaint = geometry.destRect(); |
| bool shouldClipToLayer = true; |
| |
| // If this is the root background layer, we may need to extend the repaintRect if the FrameView has an |
| // extendedBackground. We should only extend the rect if it is already extending the full width or height |
| // of the rendererRect. |
| if (drawingRootBackground && view().frameView().hasExtendedBackgroundRectForPainting()) { |
| shouldClipToLayer = false; |
| IntRect extendedBackgroundRect = view().frameView().extendedBackgroundRectForPainting(); |
| if (rectToRepaint.width() == rendererRect.width()) { |
| rectToRepaint.move(extendedBackgroundRect.x(), 0); |
| rectToRepaint.setWidth(extendedBackgroundRect.width()); |
| } |
| if (rectToRepaint.height() == rendererRect.height()) { |
| rectToRepaint.move(0, extendedBackgroundRect.y()); |
| rectToRepaint.setHeight(extendedBackgroundRect.height()); |
| } |
| } |
| |
| layerRenderer->repaintRectangle(rectToRepaint, shouldClipToLayer); |
| if (geometry.destRect() == rendererRect) |
| return true; |
| } |
| } |
| return false; |
| } |
| |
| bool RenderBox::pushContentsClip(PaintInfo& paintInfo, const LayoutPoint& accumulatedOffset) |
| { |
| if (paintInfo.phase == PaintPhase::BlockBackground || paintInfo.phase == PaintPhase::SelfOutline || paintInfo.phase == PaintPhase::Mask) |
| return false; |
| |
| bool isControlClip = hasControlClip(); |
| bool isOverflowClip = hasNonVisibleOverflow() && !layer()->isSelfPaintingLayer(); |
| |
| if (!isControlClip && !isOverflowClip) |
| return false; |
| |
| if (paintInfo.phase == PaintPhase::Outline) |
| paintInfo.phase = PaintPhase::ChildOutlines; |
| else if (paintInfo.phase == PaintPhase::ChildBlockBackground) { |
| paintInfo.phase = PaintPhase::BlockBackground; |
| paintObject(paintInfo, accumulatedOffset); |
| paintInfo.phase = PaintPhase::ChildBlockBackgrounds; |
| } |
| float deviceScaleFactor = document().deviceScaleFactor(); |
| FloatRect clipRect = snapRectToDevicePixels((isControlClip ? controlClipRect(accumulatedOffset) : overflowClipRect(accumulatedOffset, nullptr, IgnoreOverlayScrollbarSize, paintInfo.phase)), deviceScaleFactor); |
| paintInfo.context().save(); |
| if (style().hasBorderRadius()) |
| paintInfo.context().clipRoundedRect(style().getRoundedInnerBorderFor(LayoutRect(accumulatedOffset, size())).pixelSnappedRoundedRectForPainting(deviceScaleFactor)); |
| paintInfo.context().clip(clipRect); |
| |
| if (paintInfo.phase == PaintPhase::EventRegion) |
| paintInfo.eventRegionContext->pushClip(enclosingIntRect(clipRect)); |
| |
| return true; |
| } |
| |
| void RenderBox::popContentsClip(PaintInfo& paintInfo, PaintPhase originalPhase, const LayoutPoint& accumulatedOffset) |
| { |
| ASSERT(hasControlClip() || (hasNonVisibleOverflow() && !layer()->isSelfPaintingLayer())); |
| |
| if (paintInfo.phase == PaintPhase::EventRegion) |
| paintInfo.eventRegionContext->popClip(); |
| |
| paintInfo.context().restore(); |
| if (originalPhase == PaintPhase::Outline) { |
| paintInfo.phase = PaintPhase::SelfOutline; |
| paintObject(paintInfo, accumulatedOffset); |
| paintInfo.phase = originalPhase; |
| } else if (originalPhase == PaintPhase::ChildBlockBackground) |
| paintInfo.phase = originalPhase; |
| } |
| |
| LayoutRect RenderBox::overflowClipRect(const LayoutPoint& location, RenderFragmentContainer* fragment, OverlayScrollbarSizeRelevancy relevancy, PaintPhase) const |
| { |
| LayoutRect clipRect = borderBoxRectInFragment(fragment); |
| clipRect.setLocation(location + clipRect.location() + LayoutSize(borderLeft(), borderTop())); |
| clipRect.setSize(clipRect.size() - LayoutSize(borderLeft() + borderRight(), borderTop() + borderBottom())); |
| if (style().overflowX() == Overflow::Clip && style().overflowY() == Overflow::Visible) { |
| LayoutRect infRect = LayoutRect::infiniteRect(); |
| clipRect.setY(infRect.y()); |
| clipRect.setHeight(infRect.height()); |
| } else if (style().overflowY() == Overflow::Clip && style().overflowX() == Overflow::Visible) { |
| LayoutRect infRect = LayoutRect::infiniteRect(); |
| clipRect.setX(infRect.x()); |
| clipRect.setWidth(infRect.width()); |
| } |
| |
| // Subtract out scrollbars if we have them. |
| if (auto* scrollableArea = layer() ? layer()->scrollableArea() : nullptr) { |
| if (shouldPlaceVerticalScrollbarOnLeft()) |
| clipRect.move(scrollableArea->verticalScrollbarWidth(relevancy), 0); |
| clipRect.contract(scrollableArea->verticalScrollbarWidth(relevancy), scrollableArea->horizontalScrollbarHeight(relevancy)); |
| } |
| |
| return clipRect; |
| } |
| |
| LayoutRect RenderBox::clipRect(const LayoutPoint& location, RenderFragmentContainer* fragment) const |
| { |
| LayoutRect borderBoxRect = borderBoxRectInFragment(fragment); |
| LayoutRect clipRect = LayoutRect(borderBoxRect.location() + location, borderBoxRect.size()); |
| |
| if (!style().clipLeft().isAuto()) { |
| LayoutUnit c = valueForLength(style().clipLeft(), borderBoxRect.width()); |
| clipRect.move(c, 0_lu); |
| clipRect.contract(c, 0_lu); |
| } |
| |
| // We don't use the fragment-specific border box's width and height since clip offsets are (stupidly) specified |
| // from the left and top edges. Therefore it's better to avoid constraining to smaller widths and heights. |
| |
| if (!style().clipRight().isAuto()) |
| clipRect.contract(width() - valueForLength(style().clipRight(), width()), 0_lu); |
| |
| if (!style().clipTop().isAuto()) { |
| LayoutUnit c = valueForLength(style().clipTop(), borderBoxRect.height()); |
| clipRect.move(0_lu, c); |
| clipRect.contract(0_lu, c); |
| } |
| |
| if (!style().clipBottom().isAuto()) |
| clipRect.contract(0_lu, height() - valueForLength(style().clipBottom(), height())); |
| |
| return clipRect; |
| } |
| |
| LayoutUnit RenderBox::shrinkLogicalWidthToAvoidFloats(LayoutUnit childMarginStart, LayoutUnit childMarginEnd, const RenderBlock& cb, RenderFragmentContainer* fragment) const |
| { |
| RenderFragmentContainer* containingBlockFragment = nullptr; |
| LayoutUnit logicalTopPosition = logicalTop(); |
| if (fragment) { |
| LayoutUnit offsetFromLogicalTopOfFragment = fragment ? fragment->logicalTopForFragmentedFlowContent() - offsetFromLogicalTopOfFirstPage() : 0_lu; |
| logicalTopPosition = std::max(logicalTopPosition, logicalTopPosition + offsetFromLogicalTopOfFragment); |
| containingBlockFragment = cb.clampToStartAndEndFragments(fragment); |
| } |
| |
| LayoutUnit logicalHeight = cb.logicalHeightForChild(*this); |
| LayoutUnit result = cb.availableLogicalWidthForLineInFragment(logicalTopPosition, DoNotIndentText, containingBlockFragment, logicalHeight) - childMarginStart - childMarginEnd; |
| |
| // We need to see if margins on either the start side or the end side can contain the floats in question. If they can, |
| // then just using the line width is inaccurate. In the case where a float completely fits, we don't need to use the line |
| // offset at all, but can instead push all the way to the content edge of the containing block. In the case where the float |
| // doesn't fit, we can use the line offset, but we need to grow it by the margin to reflect the fact that the margin was |
| // "consumed" by the float. Negative margins aren't consumed by the float, and so we ignore them. |
| if (childMarginStart > 0) { |
| LayoutUnit startContentSide = cb.startOffsetForContent(containingBlockFragment); |
| LayoutUnit startContentSideWithMargin = startContentSide + childMarginStart; |
| LayoutUnit startOffset = cb.startOffsetForLineInFragment(logicalTopPosition, DoNotIndentText, containingBlockFragment, logicalHeight); |
| if (startOffset > startContentSideWithMargin) |
| result += childMarginStart; |
| else |
| result += startOffset - startContentSide; |
| } |
| |
| if (childMarginEnd > 0) { |
| LayoutUnit endContentSide = cb.endOffsetForContent(containingBlockFragment); |
| LayoutUnit endContentSideWithMargin = endContentSide + childMarginEnd; |
| LayoutUnit endOffset = cb.endOffsetForLineInFragment(logicalTopPosition, DoNotIndentText, containingBlockFragment, logicalHeight); |
| if (endOffset > endContentSideWithMargin) |
| result += childMarginEnd; |
| else |
| result += endOffset - endContentSide; |
| } |
| |
| return result; |
| } |
| |
| LayoutUnit RenderBox::containingBlockLogicalWidthForContent() const |
| { |
| if (hasOverridingContainingBlockContentLogicalWidth()) |
| return overridingContainingBlockContentLogicalWidth().value_or(0_lu); |
| |
| if (RenderBlock* cb = containingBlock()) { |
| if (isOutOfFlowPositioned()) |
| return cb->clientLogicalWidth(); |
| return cb->availableLogicalWidth(); |
| } |
| return 0_lu; |
| } |
| |
| LayoutUnit RenderBox::containingBlockLogicalHeightForContent(AvailableLogicalHeightType heightType) const |
| { |
| if (hasOverridingContainingBlockContentLogicalHeight()) { |
| // FIXME: Containing block for a grid item is the grid area it's located in. We need to return whatever |
| // height value we get from overridingContainingBlockContentLogicalHeight() here, including std::nullopt. |
| if (auto height = overridingContainingBlockContentLogicalHeight()) |
| return height.value(); |
| } |
| |
| if (RenderBlock* cb = containingBlock()) |
| return cb->availableLogicalHeight(heightType); |
| return 0_lu; |
| } |
| |
| LayoutUnit RenderBox::containingBlockLogicalWidthForContentInFragment(RenderFragmentContainer* fragment) const |
| { |
| if (!fragment) |
| return containingBlockLogicalWidthForContent(); |
| |
| RenderBlock* cb = containingBlock(); |
| RenderFragmentContainer* containingBlockFragment = cb->clampToStartAndEndFragments(fragment); |
| // FIXME: It's unclear if a fragment's content should use the containing block's override logical width. |
| // If it should, the following line should call containingBlockLogicalWidthForContent. |
| LayoutUnit result = cb->availableLogicalWidth(); |
| RenderBoxFragmentInfo* boxInfo = cb->renderBoxFragmentInfo(containingBlockFragment); |
| if (!boxInfo) |
| return result; |
| return std::max<LayoutUnit>(0, result - (cb->logicalWidth() - boxInfo->logicalWidth())); |
| } |
| |
| LayoutUnit RenderBox::containingBlockAvailableLineWidthInFragment(RenderFragmentContainer* fragment) const |
| { |
| RenderBlock* cb = containingBlock(); |
| RenderFragmentContainer* containingBlockFragment = nullptr; |
| LayoutUnit logicalTopPosition = logicalTop(); |
| if (fragment) { |
| LayoutUnit offsetFromLogicalTopOfFragment = fragment ? fragment->logicalTopForFragmentedFlowContent() - offsetFromLogicalTopOfFirstPage() : 0_lu; |
| logicalTopPosition = std::max(logicalTopPosition, logicalTopPosition + offsetFromLogicalTopOfFragment); |
| containingBlockFragment = cb->clampToStartAndEndFragments(fragment); |
| } |
| return cb->availableLogicalWidthForLineInFragment(logicalTopPosition, DoNotIndentText, containingBlockFragment, availableLogicalHeight(IncludeMarginBorderPadding)); |
| } |
| |
| LayoutUnit RenderBox::perpendicularContainingBlockLogicalHeight() const |
| { |
| if (hasOverridingContainingBlockContentLogicalHeight()) { |
| if (auto height = overridingContainingBlockContentLogicalHeight()) |
| return height.value(); |
| } |
| |
| RenderBlock* cb = containingBlock(); |
| if (cb->hasOverridingLogicalHeight()) |
| return cb->overridingContentLogicalHeight(); |
| |
| const RenderStyle& containingBlockStyle = cb->style(); |
| Length logicalHeightLength = containingBlockStyle.logicalHeight(); |
| |
| // FIXME: For now just support fixed heights. Eventually should support percentage heights as well. |
| if (!logicalHeightLength.isFixed()) { |
| LayoutUnit fillFallbackExtent = containingBlockStyle.isHorizontalWritingMode() ? view().frameView().layoutSize().height() : view().frameView().layoutSize().width(); |
| LayoutUnit fillAvailableExtent = containingBlock()->availableLogicalHeight(ExcludeMarginBorderPadding); |
| view().addPercentHeightDescendant(const_cast<RenderBox&>(*this)); |
| // FIXME: https://bugs.webkit.org/show_bug.cgi?id=158286 We also need to perform the same percentHeightDescendant treatment to the element which dictates the return value for containingBlock()->availableLogicalHeight() above. |
| return std::min(fillAvailableExtent, fillFallbackExtent); |
| } |
| |
| // Use the content box logical height as specified by the style. |
| return cb->adjustContentBoxLogicalHeightForBoxSizing(LayoutUnit(logicalHeightLength.value())); |
| } |
| |
| void RenderBox::mapLocalToContainer(const RenderLayerModelObject* ancestorContainer, TransformState& transformState, OptionSet<MapCoordinatesMode> mode, bool* wasFixed) const |
| { |
| if (ancestorContainer == this) |
| return; |
| |
| if (!ancestorContainer && view().frameView().layoutContext().isPaintOffsetCacheEnabled()) { |
| auto* layoutState = view().frameView().layoutContext().layoutState(); |
| LayoutSize offset = layoutState->paintOffset() + locationOffset(); |
| if (style().hasInFlowPosition() && layer()) |
| offset += layer()->offsetForInFlowPosition(); |
| transformState.move(offset); |
| return; |
| } |
| |
| bool containerSkipped; |
| RenderElement* container = this->container(ancestorContainer, containerSkipped); |
| if (!container) |
| return; |
| |
| bool isFixedPos = isFixedPositioned(); |
| // If this box has a transform, it acts as a fixed position container for fixed descendants, |
| // and may itself also be fixed position. So propagate 'fixed' up only if this box is fixed position. |
| if (isFixedPos) |
| mode.add(IsFixed); |
| else if (mode.contains(IsFixed) && canContainFixedPositionObjects()) |
| mode.remove(IsFixed); |
| |
| if (wasFixed) |
| *wasFixed = mode.contains(IsFixed); |
| |
| LayoutSize containerOffset = offsetFromContainer(*container, LayoutPoint(transformState.mappedPoint())); |
| |
| // Remove sticky positioning from the offset if it should be ignored. This is done here in |
| // order to avoid piping this flag down the method chain. |
| if (mode.contains(IgnoreStickyOffsets) && isStickilyPositioned()) |
| containerOffset -= stickyPositionOffset(); |
| |
| bool preserve3D = mode.contains(UseTransforms) && (container->style().preserves3D() || style().preserves3D()); |
| if (mode.contains(UseTransforms) && shouldUseTransformFromContainer(container)) { |
| TransformationMatrix t; |
| getTransformFromContainer(container, containerOffset, t); |
| transformState.applyTransform(t, preserve3D ? TransformState::AccumulateTransform : TransformState::FlattenTransform); |
| } else |
| transformState.move(containerOffset.width(), containerOffset.height(), preserve3D ? TransformState::AccumulateTransform : TransformState::FlattenTransform); |
| |
| if (containerSkipped) { |
| // There can't be a transform between ancestorContainer and o, because transforms create containers, so it should be safe |
| // to just subtract the delta between the ancestorContainer and o. |
| LayoutSize containerOffset = ancestorContainer->offsetFromAncestorContainer(*container); |
| transformState.move(-containerOffset.width(), -containerOffset.height(), preserve3D ? TransformState::AccumulateTransform : TransformState::FlattenTransform); |
| return; |
| } |
| |
| mode.remove(ApplyContainerFlip); |
| |
| container->mapLocalToContainer(ancestorContainer, transformState, mode, wasFixed); |
| } |
| |
| const RenderObject* RenderBox::pushMappingToContainer(const RenderLayerModelObject* ancestorToStopAt, RenderGeometryMap& geometryMap) const |
| { |
| ASSERT(ancestorToStopAt != this); |
| |
| bool ancestorSkipped; |
| RenderElement* container = this->container(ancestorToStopAt, ancestorSkipped); |
| if (!container) |
| return nullptr; |
| |
| bool isFixedPos = isFixedPositioned(); |
| LayoutSize adjustmentForSkippedAncestor; |
| if (ancestorSkipped) { |
| // There can't be a transform between repaintContainer and container, because transforms create containers, so it should be safe |
| // to just subtract the delta between the ancestor and container. |
| adjustmentForSkippedAncestor = -ancestorToStopAt->offsetFromAncestorContainer(*container); |
| } |
| |
| bool offsetDependsOnPoint = false; |
| LayoutSize containerOffset = offsetFromContainer(*container, LayoutPoint(), &offsetDependsOnPoint); |
| |
| bool preserve3D = container->style().preserves3D() || style().preserves3D(); |
| if (shouldUseTransformFromContainer(container) && (geometryMap.mapCoordinatesFlags() & UseTransforms)) { |
| TransformationMatrix t; |
| getTransformFromContainer(container, containerOffset, t); |
| t.translateRight(adjustmentForSkippedAncestor.width(), adjustmentForSkippedAncestor.height()); |
| |
| geometryMap.push(this, t, preserve3D, offsetDependsOnPoint, isFixedPos, hasTransform()); |
| } else { |
| containerOffset += adjustmentForSkippedAncestor; |
| geometryMap.push(this, containerOffset, preserve3D, offsetDependsOnPoint, isFixedPos, hasTransform()); |
| } |
| |
| return ancestorSkipped ? ancestorToStopAt : container; |
| } |
| |
| void RenderBox::mapAbsoluteToLocalPoint(OptionSet<MapCoordinatesMode> mode, TransformState& transformState) const |
| { |
| bool isFixedPos = isFixedPositioned(); |
| if (isFixedPos) |
| mode.add(IsFixed); |
| else if (mode.contains(IsFixed) && canContainFixedPositionObjects()) { |
| // If this box has a transform, it acts as a fixed position container for fixed descendants, |
| // and may itself also be fixed position. So propagate 'fixed' up only if this box is fixed position. |
| mode.remove(IsFixed); |
| } |
| |
| RenderBoxModelObject::mapAbsoluteToLocalPoint(mode, transformState); |
| } |
| |
| LayoutSize RenderBox::offsetFromContainer(RenderElement& container, const LayoutPoint&, bool* offsetDependsOnPoint) const |
| { |
| // A fragment "has" boxes inside it without being their container. |
| ASSERT(&container == this->container() || is<RenderFragmentContainer>(container)); |
| |
| LayoutSize offset; |
| if (isInFlowPositioned()) |
| offset += offsetForInFlowPosition(); |
| |
| if (!isInline() || isReplacedOrInlineBlock()) |
| offset += topLeftLocationOffset(); |
| |
| if (is<RenderBox>(container)) |
| offset -= toLayoutSize(downcast<RenderBox>(container).scrollPosition()); |
| |
| if (isAbsolutelyPositioned() && container.isInFlowPositioned() && is<RenderInline>(container)) |
| offset += downcast<RenderInline>(container).offsetForInFlowPositionedInline(this); |
| |
| if (offsetDependsOnPoint) |
| *offsetDependsOnPoint |= is<RenderFragmentedFlow>(container); |
| |
| return offset; |
| } |
| |
| std::unique_ptr<LegacyInlineElementBox> RenderBox::createInlineBox() |
| { |
| return makeUnique<LegacyInlineElementBox>(*this); |
| } |
| |
| void RenderBox::dirtyLineBoxes(bool fullLayout) |
| { |
| if (!m_inlineBoxWrapper) |
| return; |
| |
| if (fullLayout) { |
| delete m_inlineBoxWrapper; |
| m_inlineBoxWrapper = nullptr; |
| } else |
| m_inlineBoxWrapper->dirtyLineBoxes(); |
| } |
| |
| void RenderBox::positionLineBox(LegacyInlineElementBox& box) |
| { |
| if (isOutOfFlowPositioned()) { |
| // Cache the x position only if we were an DisplayType::Inline type originally. |
| bool wasInline = style().isOriginalDisplayInlineType(); |
| if (wasInline) { |
| // The value is cached in the xPos of the box. We only need this value if |
| // our object was inline originally, since otherwise it would have ended up underneath |
| // the inlines. |
| LegacyRootInlineBox& rootBox = box.root(); |
| rootBox.blockFlow().setStaticInlinePositionForChild(*this, rootBox.lineBoxTop(), LayoutUnit::fromFloatRound(box.logicalLeft())); |
| if (style().hasStaticInlinePosition(box.isHorizontal())) |
| setChildNeedsLayout(MarkOnlyThis); // Just mark the positioned object as needing layout, so it will update its position properly. |
| } else { |
| // Our object was a block originally, so we make our normal flow position be |
| // just below the line box (as though all the inlines that came before us got |
| // wrapped in an anonymous block, which is what would have happened had we been |
| // in flow). This value was cached in the y() of the box. |
| layer()->setStaticBlockPosition(LayoutUnit(box.logicalTop())); |
| if (style().hasStaticBlockPosition(box.isHorizontal())) |
| setChildNeedsLayout(MarkOnlyThis); // Just mark the positioned object as needing layout, so it will update its position properly. |
| } |
| return; |
| } |
| |
| if (isReplacedOrInlineBlock()) { |
| setLocation(LayoutPoint(box.topLeft())); |
| setInlineBoxWrapper(&box); |
| } |
| } |
| |
| void RenderBox::deleteLineBoxWrapper() |
| { |
| if (!m_inlineBoxWrapper) |
| return; |
| |
| if (!renderTreeBeingDestroyed()) |
| m_inlineBoxWrapper->removeFromParent(); |
| delete m_inlineBoxWrapper; |
| m_inlineBoxWrapper = nullptr; |
| } |
| |
| LayoutRect RenderBox::clippedOverflowRect(const RenderLayerModelObject* repaintContainer, VisibleRectContext context) const |
| { |
| if (isInsideEntirelyHiddenLayer()) |
| return { }; |
| |
| LayoutRect r = visualOverflowRect(); |
| // FIXME: layoutDelta needs to be applied in parts before/after transforms and |
| // repaint containers. https://bugs.webkit.org/show_bug.cgi?id=23308 |
| r.move(view().frameView().layoutContext().layoutDelta()); |
| return computeRect(r, repaintContainer, context); |
| } |
| |
| LayoutRect RenderBox::computeVisibleRectUsingPaintOffset(const LayoutRect& rect) const |
| { |
| LayoutRect adjustedRect = rect; |
| auto* layoutState = view().frameView().layoutContext().layoutState(); |
| |
| if (layer() && layer()->transform()) |
| adjustedRect = LayoutRect(encloseRectToDevicePixels(layer()->transform()->mapRect(adjustedRect), document().deviceScaleFactor())); |
| |
| // We can't trust the bits on RenderObject, because this might be called while re-resolving style. |
| if (style().hasInFlowPosition() && layer()) |
| adjustedRect.move(layer()->offsetForInFlowPosition()); |
| |
| adjustedRect.moveBy(location()); |
| adjustedRect.move(layoutState->paintOffset()); |
| if (layoutState->isClipped()) |
| adjustedRect.intersect(layoutState->clipRect()); |
| return adjustedRect; |
| } |
| |
| std::optional<LayoutRect> RenderBox::computeVisibleRectInContainer(const LayoutRect& rect, const RenderLayerModelObject* container, VisibleRectContext context) const |
| { |
| // The rect we compute at each step is shifted by our x/y offset in the parent container's coordinate space. |
| // Only when we cross a writing mode boundary will we have to possibly flipForWritingMode (to convert into a more appropriate |
| // offset corner for the enclosing container). This allows for a fully RL or BT document to repaint |
| // properly even during layout, since the rect remains flipped all the way until the end. |
| // |
| // RenderView::computeVisibleRectInContainer then converts the rect to physical coordinates. We also convert to |
| // physical when we hit a repaint container boundary. Therefore the final rect returned is always in the |
| // physical coordinate space of the container. |
| const RenderStyle& styleToUse = style(); |
| // Paint offset cache is only valid for root-relative, non-fixed position repainting |
| if (view().frameView().layoutContext().isPaintOffsetCacheEnabled() && !container && styleToUse.position() != PositionType::Fixed && !context.options.contains(VisibleRectContextOption::UseEdgeInclusiveIntersection)) |
| return computeVisibleRectUsingPaintOffset(rect); |
| |
| LayoutRect adjustedRect = rect; |
| if (hasReflection()) |
| adjustedRect.unite(reflectedRect(adjustedRect)); |
| |
| if (container == this) { |
| if (container->style().isFlippedBlocksWritingMode()) |
| flipForWritingMode(adjustedRect); |
| if (context.descendantNeedsEnclosingIntRect) |
| adjustedRect = enclosingIntRect(adjustedRect); |
| return adjustedRect; |
| } |
| |
| bool containerIsSkipped; |
| auto* localContainer = this->container(container, containerIsSkipped); |
| if (!localContainer) |
| return adjustedRect; |
| |
| if (isWritingModeRoot()) { |
| if (!isOutOfFlowPositioned() || !context.dirtyRectIsFlipped) { |
| flipForWritingMode(adjustedRect); |
| context.dirtyRectIsFlipped = true; |
| } |
| } |
| |
| LayoutSize locationOffset = this->locationOffset(); |
| // FIXME: This is needed as long as RenderWidget snaps to integral size/position. |
| if (isRenderReplaced() && isWidget()) { |
| LayoutSize flooredLocationOffset = toIntSize(flooredIntPoint(locationOffset)); |
| adjustedRect.expand(locationOffset - flooredLocationOffset); |
| locationOffset = flooredLocationOffset; |
| context.descendantNeedsEnclosingIntRect = true; |
| } |
| |
| if (is<RenderMultiColumnFlow>(this)) { |
| // We won't normally run this code. Only when the container is null (i.e., we're trying |
| // to get the rect in view coordinates) will we come in here, since normally container |
| // will be set and we'll stop at the flow thread. This case is mainly hit by the check for whether |
| // or not images should animate. |
| // FIXME: Just as with offsetFromContainer, we aren't really handling objects that span |
| // multiple columns properly. |
| LayoutPoint physicalPoint(flipForWritingMode(adjustedRect.location())); |
| if (auto* fragment = downcast<RenderMultiColumnFlow>(*this).physicalTranslationFromFlowToFragment((physicalPoint))) { |
| adjustedRect.setLocation(fragment->flipForWritingMode(physicalPoint)); |
| return fragment->computeVisibleRectInContainer(adjustedRect, container, context); |
| } |
| } |
| |
| LayoutPoint topLeft = adjustedRect.location(); |
| topLeft.move(locationOffset); |
| |
| // We are now in our parent container's coordinate space. Apply our transform to obtain a bounding box |
| // in the parent's coordinate space that encloses us. |
| auto position = styleToUse.position(); |
| if (hasLayer() && layer()->transform()) { |
| context.hasPositionFixedDescendant = position == PositionType::Fixed; |
| adjustedRect = LayoutRect(encloseRectToDevicePixels(layer()->transform()->mapRect(adjustedRect), document().deviceScaleFactor())); |
| topLeft = adjustedRect.location(); |
| topLeft.move(locationOffset); |
| } else if (position == PositionType::Fixed) |
| context.hasPositionFixedDescendant = true; |
| |
| if (position == PositionType::Absolute && localContainer->isInFlowPositioned() && is<RenderInline>(*localContainer)) |
| topLeft += downcast<RenderInline>(*localContainer).offsetForInFlowPositionedInline(this); |
| else if (styleToUse.hasInFlowPosition() && layer()) { |
| // Apply the relative position offset when invalidating a rectangle. The layer |
| // is translated, but the render box isn't, so we need to do this to get the |
| // right dirty rect. Since this is called from RenderObject::setStyle, the relative position |
| // flag on the RenderObject has been cleared, so use the one on the style(). |
| topLeft += layer()->offsetForInFlowPosition(); |
| } |
| |
| // FIXME: We ignore the lightweight clipping rect that controls use, since if |o| is in mid-layout, |
| // its controlClipRect will be wrong. For overflow clip we use the values cached by the layer. |
| adjustedRect.setLocation(topLeft); |
| if (localContainer->hasNonVisibleOverflow()) { |
| RenderBox& containerBox = downcast<RenderBox>(*localContainer); |
| bool isEmpty = !containerBox.applyCachedClipAndScrollPosition(adjustedRect, container, context); |
| if (isEmpty) { |
| if (context.options.contains(VisibleRectContextOption::UseEdgeInclusiveIntersection)) |
| return std::nullopt; |
| return adjustedRect; |
| } |
| } |
| |
| if (containerIsSkipped) { |
| // If the container is below localContainer, then we need to map the rect into container's coordinates. |
| LayoutSize containerOffset = container->offsetFromAncestorContainer(*localContainer); |
| adjustedRect.move(-containerOffset); |
| return adjustedRect; |
| } |
| return localContainer->computeVisibleRectInContainer(adjustedRect, container, context); |
| } |
| |
| void RenderBox::repaintDuringLayoutIfMoved(const LayoutRect& oldRect) |
| { |
| if (oldRect.location() != m_frameRect.location()) { |
| LayoutRect newRect = m_frameRect; |
| // The child moved. Invalidate the object's old and new positions. We have to do this |
| // since the object may not have gotten a layout. |
| m_frameRect = oldRect; |
| repaint(); |
| repaintOverhangingFloats(true); |
| m_frameRect = newRect; |
| repaint(); |
| repaintOverhangingFloats(true); |
| } |
| } |
| |
| void RenderBox::repaintOverhangingFloats(bool) |
| { |
| } |
| |
| void RenderBox::updateLogicalWidth() |
| { |
| LogicalExtentComputedValues computedValues; |
| computeLogicalWidthInFragment(computedValues); |
| |
| setLogicalWidth(computedValues.m_extent); |
| setLogicalLeft(computedValues.m_position); |
| setMarginStart(computedValues.m_margins.m_start); |
| setMarginEnd(computedValues.m_margins.m_end); |
| } |
| |
| static LayoutUnit inlineSizeFromAspectRatio(LayoutUnit borderPaddingInlineSum, LayoutUnit borderPaddingBlockSum, double aspectRatio, BoxSizing boxSizing, LayoutUnit blockSize) |
| { |
| if (boxSizing == BoxSizing::BorderBox) |
| return LayoutUnit(blockSize * aspectRatio); |
| |
| return LayoutUnit((blockSize - borderPaddingBlockSum) * aspectRatio) + borderPaddingInlineSum; |
| } |
| |
| void RenderBox::computeLogicalWidthInFragment(LogicalExtentComputedValues& computedValues, RenderFragmentContainer* fragment) const |
| { |
| computedValues.m_extent = logicalWidth(); |
| computedValues.m_position = logicalLeft(); |
| computedValues.m_margins.m_start = marginStart(); |
| computedValues.m_margins.m_end = marginEnd(); |
| |
| if (isOutOfFlowPositioned()) { |
| // FIXME: This calculation is not patched for block-flow yet. |
| // https://bugs.webkit.org/show_bug.cgi?id=46500 |
| computePositionedLogicalWidth(computedValues, fragment); |
| return; |
| } |
| |
| // If layout is limited to a subtree, the subtree root's logical width does not change. |
| if (element() && !view().frameView().layoutContext().isLayoutPending() && view().frameView().layoutContext().subtreeLayoutRoot() == this) |
| return; |
| |
| // The parent box is flexing us, so it has increased or decreased our |
| // width. Use the width from the style context. |
| // FIXME: Account for block-flow in flexible boxes. |
| // https://bugs.webkit.org/show_bug.cgi?id=46418 |
| if (hasOverridingLogicalWidth() && (isRubyRun() || (parent()->isFlexibleBoxIncludingDeprecated()))) { |
| computedValues.m_extent = overridingLogicalWidth(); |
| return; |
| } |
| |
| // FIXME: Account for block-flow in flexible boxes. |
| // https://bugs.webkit.org/show_bug.cgi?id=46418 |
| bool inVerticalBox = parent()->isDeprecatedFlexibleBox() && (parent()->style().boxOrient() == BoxOrient::Vertical); |
| bool stretching = (parent()->style().boxAlign() == BoxAlignment::Stretch); |
| // FIXME: Stretching is the only reason why we don't want the box to be treated as a replaced element, so we could perhaps |
| // refactor all this logic, not only for flex and grid since alignment is intended to be applied to any block. |
| bool treatAsReplaced = shouldComputeSizeAsReplaced() && (!inVerticalBox || !stretching); |
| treatAsReplaced = treatAsReplaced && (!isGridItem() || !hasStretchedLogicalWidth()); |
| |
| const RenderStyle& styleToUse = style(); |
| Length logicalWidthLength; |
| if (hasOverridingLogicalWidthLength()) |
| logicalWidthLength = overridingLogicalWidthLength(); |
| else |
| logicalWidthLength = treatAsReplaced ? Length(computeReplacedLogicalWidth(), LengthType::Fixed) : styleToUse.logicalWidth(); |
| |
| RenderBlock& cb = *containingBlock(); |
| LayoutUnit containerLogicalWidth = std::max<LayoutUnit>(0, containingBlockLogicalWidthForContentInFragment(fragment)); |
| bool hasPerpendicularContainingBlock = cb.isHorizontalWritingMode() != isHorizontalWritingMode(); |
| |
| if (isInline() && !isInlineBlockOrInlineTable()) { |
| // just calculate margins |
| computedValues.m_margins.m_start = minimumValueForLength(styleToUse.marginStart(), containerLogicalWidth); |
| computedValues.m_margins.m_end = minimumValueForLength(styleToUse.marginEnd(), containerLogicalWidth); |
| if (treatAsReplaced) |
| computedValues.m_extent = std::max(LayoutUnit(floatValueForLength(logicalWidthLength, 0) + borderAndPaddingLogicalWidth()), minPreferredLogicalWidth()); |
| return; |
| } |
| |
| LayoutUnit containerWidthInInlineDirection = containerLogicalWidth; |
| if (hasPerpendicularContainingBlock) |
| containerWidthInInlineDirection = perpendicularContainingBlockLogicalHeight(); |
| |
| // Width calculations |
| if (isGridItem() && hasOverridingLogicalWidth()) { |
| computedValues.m_extent = overridingLogicalWidth(); |
| } else if (treatAsReplaced) { |
| computedValues.m_extent = logicalWidthLength.value() + borderAndPaddingLogicalWidth(); |
| } else if (shouldComputeLogicalWidthFromAspectRatio() && style().logicalWidth().isAuto()) { |
| computedValues.m_extent = computeLogicalWidthFromAspectRatio(fragment); |
| } else { |
| LayoutUnit preferredWidth = computeLogicalWidthInFragmentUsing(MainOrPreferredSize, hasOverridingLogicalWidthLength() ? logicalWidthLength : styleToUse.logicalWidth(), containerWidthInInlineDirection, cb, fragment); |
| computedValues.m_extent = constrainLogicalWidthInFragmentByMinMax(preferredWidth, containerWidthInInlineDirection, cb, fragment); |
| } |
| |
| // Margin calculations. |
| if (hasPerpendicularContainingBlock || isFloating() || isInline()) { |
| computedValues.m_margins.m_start = minimumValueForLength(styleToUse.marginStart(), containerLogicalWidth); |
| computedValues.m_margins.m_end = minimumValueForLength(styleToUse.marginEnd(), containerLogicalWidth); |
| } else { |
| LayoutUnit containerLogicalWidthForAutoMargins = containerLogicalWidth; |
| if (avoidsFloats() && cb.containsFloats()) |
| containerLogicalWidthForAutoMargins = containingBlockAvailableLineWidthInFragment(fragment); |
| bool hasInvertedDirection = cb.style().isLeftToRightDirection() != style().isLeftToRightDirection(); |
| computeInlineDirectionMargins(cb, containerLogicalWidthForAutoMargins, computedValues.m_extent, |
| hasInvertedDirection ? computedValues.m_margins.m_end : computedValues.m_margins.m_start, |
| hasInvertedDirection ? computedValues.m_margins.m_start : computedValues.m_margins.m_end); |
| } |
| |
| if (!hasPerpendicularContainingBlock && containerLogicalWidth && containerLogicalWidth != (computedValues.m_extent + computedValues.m_margins.m_start + computedValues.m_margins.m_end) |
| && !isFloating() && !isInline() && !cb.isFlexibleBoxIncludingDeprecated() |
| #if ENABLE(MATHML) |
| // RenderMathMLBlocks take the size of their content so we must not adjust the margin to fill the container size. |
| && !cb.isRenderMathMLBlock() |
| #endif |
| && !cb.isRenderGrid() |
| ) { |
| LayoutUnit newMarginTotal = containerLogicalWidth - computedValues.m_extent; |
| bool hasInvertedDirection = cb.style().isLeftToRightDirection() != style().isLeftToRightDirection(); |
| if (hasInvertedDirection) |
| computedValues.m_margins.m_start = newMarginTotal - computedValues.m_margins.m_end; |
| else |
| computedValues.m_margins.m_end = newMarginTotal - computedValues.m_margins.m_start; |
| } |
| } |
| |
| LayoutUnit RenderBox::fillAvailableMeasure(LayoutUnit availableLogicalWidth) const |
| { |
| LayoutUnit marginStart; |
| LayoutUnit marginEnd; |
| return fillAvailableMeasure(availableLogicalWidth, marginStart, marginEnd); |
| } |
| |
| LayoutUnit RenderBox::fillAvailableMeasure(LayoutUnit availableLogicalWidth, LayoutUnit& marginStart, LayoutUnit& marginEnd) const |
| { |
| bool isOrthogonalElement = isHorizontalWritingMode() != containingBlock()->isHorizontalWritingMode(); |
| LayoutUnit availableSizeForResolvingMargin = isOrthogonalElement ? containingBlockLogicalWidthForContent() : availableLogicalWidth; |
| marginStart = minimumValueForLength(style().marginStart(), availableSizeForResolvingMargin); |
| marginEnd = minimumValueForLength(style().marginEnd(), availableSizeForResolvingMargin); |
| return availableLogicalWidth - marginStart - marginEnd; |
| } |
| |
| LayoutUnit RenderBox::computeIntrinsicLogicalWidthUsing(Length logicalWidthLength, LayoutUnit availableLogicalWidth, LayoutUnit borderAndPadding) const |
| { |
| if (logicalWidthLength.isFillAvailable()) |
| return std::max(borderAndPadding, fillAvailableMeasure(availableLogicalWidth)); |
| |
| LayoutUnit minLogicalWidth; |
| LayoutUnit maxLogicalWidth; |
| if (!logicalWidthLength.isMinIntrinsic() && shouldComputeLogicalWidthFromAspectRatio()) { |
| minLogicalWidth = maxLogicalWidth = computeLogicalWidthFromAspectRatioInternal() - borderAndPadding; |
| if (firstChild()) { |
| LayoutUnit minChildrenLogicalWidth; |
| LayoutUnit maxChildrenLogicalWidth; |
| computeIntrinsicKeywordLogicalWidths(minChildrenLogicalWidth, maxChildrenLogicalWidth); |
| minLogicalWidth = std::max(minLogicalWidth, minChildrenLogicalWidth); |
| maxLogicalWidth = std::max(maxLogicalWidth, maxChildrenLogicalWidth); |
| } |
| } else |
| computeIntrinsicKeywordLogicalWidths(minLogicalWidth, maxLogicalWidth); |
| |
| if (logicalWidthLength.isMinContent() || logicalWidthLength.isMinIntrinsic()) |
| return minLogicalWidth + borderAndPadding; |
| |
| if (logicalWidthLength.isMaxContent()) |
| return maxLogicalWidth + borderAndPadding; |
| |
| if (logicalWidthLength.isFitContent()) { |
| minLogicalWidth += borderAndPadding; |
| maxLogicalWidth += borderAndPadding; |
| return std::max(minLogicalWidth, std::min(maxLogicalWidth, fillAvailableMeasure(availableLogicalWidth))); |
| } |
| |
| ASSERT_NOT_REACHED(); |
| return 0; |
| } |
| |
| LayoutUnit RenderBox::computeLogicalWidthInFragmentUsing(SizeType widthType, Length logicalWidth, LayoutUnit availableLogicalWidth, |
| const RenderBlock& cb, RenderFragmentContainer* fragment) const |
| { |
| ASSERT(widthType == MinSize || widthType == MainOrPreferredSize || !logicalWidth.isAuto()); |
| if (widthType == MinSize && logicalWidth.isAuto()) |
| return adjustBorderBoxLogicalWidthForBoxSizing(0, logicalWidth.type()); |
| |
| if (!logicalWidth.isIntrinsicOrAuto()) { |
| // FIXME: If the containing block flow is perpendicular to our direction we need to use the available logical height instead. |
| return adjustBorderBoxLogicalWidthForBoxSizing(valueForLength(logicalWidth, availableLogicalWidth), logicalWidth.type()); |
| } |
| |
| if (logicalWidth.isIntrinsic() || logicalWidth.isMinIntrinsic()) |
| return computeIntrinsicLogicalWidthUsing(logicalWidth, availableLogicalWidth, borderAndPaddingLogicalWidth()); |
| |
| LayoutUnit marginStart; |
| LayoutUnit marginEnd; |
| LayoutUnit logicalWidthResult = fillAvailableMeasure(availableLogicalWidth, marginStart, marginEnd); |
| |
| if (shrinkToAvoidFloats() && cb.containsFloats()) |
| logicalWidthResult = std::min(logicalWidthResult, shrinkLogicalWidthToAvoidFloats(marginStart, marginEnd, cb, fragment)); |
| |
| if (widthType == MainOrPreferredSize && sizesLogicalWidthToFitContent(widthType)) |
| return std::max(minPreferredLogicalWidth(), std::min(maxPreferredLogicalWidth(), logicalWidthResult)); |
| return logicalWidthResult; |
| } |
| |
| bool RenderBox::columnFlexItemHasStretchAlignment() const |
| { |
| // auto margins mean we don't stretch. Note that this function will only be |
| // used for widths, so we don't have to check marginBefore/marginAfter. |
| const auto& parentStyle = parent()->style(); |
| ASSERT(parentStyle.isColumnFlexDirection()); |
| if (style().marginStart().isAuto() || style().marginEnd().isAuto()) |
| return false; |
| return style().resolvedAlignSelf(&parentStyle, containingBlock()->selfAlignmentNormalBehavior()).position() == ItemPosition::Stretch; |
| } |
| |
| bool RenderBox::isStretchingColumnFlexItem() const |
| { |
| if (parent()->isDeprecatedFlexibleBox() && parent()->style().boxOrient() == BoxOrient::Vertical && parent()->style().boxAlign() == BoxAlignment::Stretch) |
| return true; |
| |
| // We don't stretch multiline flexboxes because they need to apply line spacing (align-content) first. |
| if (parent()->isFlexibleBox() && parent()->style().flexWrap() == FlexWrap::NoWrap && parent()->style().isColumnFlexDirection() && columnFlexItemHasStretchAlignment()) |
| return true; |
| return false; |
| } |
| |
| // FIXME: Can/Should we move this inside specific layout classes (flex. grid)? Can we refactor columnFlexItemHasStretchAlignment logic? |
| bool RenderBox::hasStretchedLogicalHeight() const |
| { |
| auto& style = this->style(); |
| if (!style.logicalHeight().isAuto() || style.marginBefore().isAuto() || style.marginAfter().isAuto()) |
| return false; |
| RenderBlock* containingBlock = this->containingBlock(); |
| if (!containingBlock) { |
| // We are evaluating align-self/justify-self, which default to 'normal' for the root element. |
| // The 'normal' value behaves like 'start' except for Flexbox Items, which obviously should have a container. |
| return false; |
| } |
| if (containingBlock->isHorizontalWritingMode() != isHorizontalWritingMode()) { |
| if (is<RenderGrid>(this) && downcast<RenderGrid>(this)->isSubgridInParentDirection(ForColumns)) |
| return true; |
| return style.resolvedJustifySelf(&containingBlock->style(), containingBlock->selfAlignmentNormalBehavior(this)).position() == ItemPosition::Stretch; |
| } |
| if (is<RenderGrid>(this) && downcast<RenderGrid>(this)->isSubgridInParentDirection(ForRows)) |
| return true; |
| return style.resolvedAlignSelf(&containingBlock->style(), containingBlock->selfAlignmentNormalBehavior(this)).position() == ItemPosition::Stretch; |
| } |
| |
| // FIXME: Can/Should we move this inside specific layout classes (flex. grid)? Can we refactor columnFlexItemHasStretchAlignment logic? |
| bool RenderBox::hasStretchedLogicalWidth(StretchingMode stretchingMode) const |
| { |
| auto& style = this->style(); |
| if (!style.logicalWidth().isAuto() || style.marginStart().isAuto() || style.marginEnd().isAuto()) |
| return false; |
| RenderBlock* containingBlock = this->containingBlock(); |
| if (!containingBlock) { |
| // We are evaluating align-self/justify-self, which default to 'normal' for the root element. |
| // The 'normal' value behaves like 'start' except for Flexbox Items, which obviously should have a container. |
| return false; |
| } |
| auto normalItemPosition = stretchingMode == StretchingMode::Any ? containingBlock->selfAlignmentNormalBehavior(this) : ItemPosition::Normal; |
| if (containingBlock->isHorizontalWritingMode() != isHorizontalWritingMode()) { |
| if (is<RenderGrid>(this) && downcast<RenderGrid>(this)->isSubgridInParentDirection(ForRows)) |
| return true; |
| return style.resolvedAlignSelf(&containingBlock->style(), normalItemPosition).position() == ItemPosition::Stretch; |
| } |
| if (is<RenderGrid>(this) && downcast<RenderGrid>(this)->isSubgridInParentDirection(ForColumns)) |
| return true; |
| return style.resolvedJustifySelf(&containingBlock->style(), normalItemPosition).position() == ItemPosition::Stretch; |
| } |
| |
| bool RenderBox::sizesLogicalWidthToFitContent(SizeType widthType) const |
| { |
| // Marquees in WinIE are like a mixture of blocks and inline-blocks. They size as though they're blocks, |
| // but they allow text to sit on the same line as the marquee. |
| if (isFloating() || (isInlineBlockOrInlineTable() && !isHTMLMarquee())) |
| return true; |
| |
| if (isGridItem()) |
| return !hasStretchedLogicalWidth(); |
| |
| // This code may look a bit strange. Basically width:intrinsic should clamp the size when testing both |
| // min-width and width. max-width is only clamped if it is also intrinsic. |
| Length logicalWidth = (widthType == MaxSize) ? style().logicalMaxWidth() : style().logicalWidth(); |
| if (logicalWidth.type() == LengthType::Intrinsic) |
| return true; |
| |
| // Children of a horizontal marquee do not fill the container by default. |
| // FIXME: Need to deal with MarqueeDirection::Auto value properly. It could be vertical. |
| // FIXME: Think about block-flow here. Need to find out how marquee direction relates to |
| // block-flow (as well as how marquee overflow should relate to block flow). |
| // https://bugs.webkit.org/show_bug.cgi?id=46472 |
| if (parent()->isHTMLMarquee()) { |
| MarqueeDirection dir = parent()->style().marqueeDirection(); |
| if (dir == MarqueeDirection::Auto || dir == MarqueeDirection::Forward || dir == MarqueeDirection::Backward || dir == MarqueeDirection::Left || dir == MarqueeDirection::Right) |
| return true; |
| } |
| |
| #if ENABLE(MATHML) |
| // RenderMathMLBlocks take the size of their content, not of their container. |
| if (parent()->isRenderMathMLBlock()) |
| return true; |
| #endif |
| |
| // Flexible box items should shrink wrap, so we lay them out at their intrinsic widths. |
| // In the case of columns that have a stretch alignment, we layout at the stretched size |
| // to avoid an extra layout when applying alignment. |
| if (parent()->isFlexibleBox()) { |
| // For multiline columns, we need to apply align-content first, so we can't stretch now. |
| if (!parent()->style().isColumnFlexDirection() || parent()->style().flexWrap() != FlexWrap::NoWrap) |
| return true; |
| if (!columnFlexItemHasStretchAlignment()) |
| return true; |
| } |
| |
| // Flexible horizontal boxes lay out children at their intrinsic widths. Also vertical boxes |
| // that don't stretch their kids lay out their children at their intrinsic widths. |
| // FIXME: Think about block-flow here. |
| // https://bugs.webkit.org/show_bug.cgi?id=46473 |
| if (parent()->isDeprecatedFlexibleBox() && (parent()->style().boxOrient() == BoxOrient::Horizontal || parent()->style().boxAlign() != BoxAlignment::Stretch)) |
| return true; |
| |
| // Button, input, select, textarea, and legend treat width value of 'auto' as 'intrinsic' unless it's in a |
| // stretching column flexbox. |
| // FIXME: Think about block-flow here. |
| // https://bugs.webkit.org/show_bug.cgi?id=46473 |
| if (logicalWidth.isAuto() && !isStretchingColumnFlexItem() && element() && (is<HTMLInputElement>(*element()) || is<HTMLSelectElement>(*element()) || is<HTMLButtonElement>(*element()) || is<HTMLTextAreaElement>(*element()) || is<HTMLLegendElement>(*element()))) |
| return true; |
| |
| if (isHorizontalWritingMode() != containingBlock()->isHorizontalWritingMode()) |
| return true; |
| |
| return false; |
| } |
| |
| void RenderBox::computeInlineDirectionMargins(const RenderBlock& containingBlock, LayoutUnit containerWidth, LayoutUnit childWidth, LayoutUnit& marginStart, LayoutUnit& marginEnd) const |
| { |
| |
| const RenderStyle& containingBlockStyle = containingBlock.style(); |
| Length marginStartLength = style().marginStartUsing(&containingBlockStyle); |
| Length marginEndLength = style().marginEndUsing(&containingBlockStyle); |
| |
| if (isFloating() || isInline()) { |
| // Inline blocks/tables and floats don't have their margins increased. |
| marginStart = minimumValueForLength(marginStartLength, containerWidth); |
| marginEnd = minimumValueForLength(marginEndLength, containerWidth); |
| return; |
| } |
| |
| if (containingBlock.isFlexibleBox()) { |
| // We need to let flexbox handle the margin adjustment - otherwise, flexbox |
| // will think we're wider than we actually are and calculate line sizes |
| // wrong. See also http://dev.w3.org/csswg/css-flexbox/#auto-margins |
| if (marginStartLength.isAuto()) |
| marginStartLength = Length(0, LengthType::Fixed); |
| if (marginEndLength.isAuto()) |
| marginEndLength = Length(0, LengthType::Fixed); |
| } |
| |
| // Case One: The object is being centered in the containing block's available logical width. |
| if ((marginStartLength.isAuto() && marginEndLength.isAuto() && childWidth < containerWidth) |
| || (!marginStartLength.isAuto() && !marginEndLength.isAuto() && containingBlock.style().textAlign() == TextAlignMode::WebKitCenter)) { |
| // Other browsers center the margin box for align=center elements so we match them here. |
| LayoutUnit marginStartWidth = minimumValueForLength(marginStartLength, containerWidth); |
| LayoutUnit marginEndWidth = minimumValueForLength(marginEndLength, containerWidth); |
| LayoutUnit centeredMarginBoxStart = std::max<LayoutUnit>(0, (containerWidth - childWidth - marginStartWidth - marginEndWidth) / 2); |
| marginStart = centeredMarginBoxStart + marginStartWidth; |
| marginEnd = containerWidth - childWidth - marginStart + marginEndWidth; |
| return; |
| } |
| |
| // Case Two: The object is being pushed to the start of the containing block's available logical width. |
| if (marginEndLength.isAuto() && childWidth < containerWidth) { |
| marginStart = valueForLength(marginStartLength, containerWidth); |
| marginEnd = containerWidth - childWidth - marginStart; |
| return; |
| } |
| |
| // Case Three: The object is being pushed to the end of the containing block's available logical width. |
| bool pushToEndFromTextAlign = !marginEndLength.isAuto() && ((!containingBlockStyle.isLeftToRightDirection() && containingBlockStyle.textAlign() == TextAlignMode::WebKitLeft) |
| || (containingBlockStyle.isLeftToRightDirection() && containingBlockStyle.textAlign() == TextAlignMode::WebKitRight)); |
| if ((marginStartLength.isAuto() || pushToEndFromTextAlign) && childWidth < containerWidth) { |
| marginEnd = valueForLength(marginEndLength, containerWidth); |
| marginStart = containerWidth - childWidth - marginEnd; |
| return; |
| } |
| |
| // Case Four: Either no auto margins, or our width is >= the container width (css2.1, 10.3.3). In that case |
| // auto margins will just turn into 0. |
| marginStart = minimumValueForLength(marginStartLength, containerWidth); |
| marginEnd = minimumValueForLength(marginEndLength, containerWidth); |
| } |
| |
| RenderBoxFragmentInfo* RenderBox::renderBoxFragmentInfo(RenderFragmentContainer* fragment, RenderBoxFragmentInfoFlags cacheFlag) const |
| { |
| // Make sure nobody is trying to call this with a null fragment. |
| if (!fragment) |
| return nullptr; |
| |
| // If we have computed our width in this fragment already, it will be cached, and we can |
| // just return it. |
| RenderBoxFragmentInfo* boxInfo = fragment->renderBoxFragmentInfo(this); |
| if (boxInfo && cacheFlag == CacheRenderBoxFragmentInfo) |
| return boxInfo; |
| |
| return nullptr; |
| } |
| |
| static bool shouldFlipBeforeAfterMargins(const RenderStyle& containingBlockStyle, const RenderStyle* childStyle) |
| { |
| ASSERT(containingBlockStyle.isHorizontalWritingMode() != childStyle->isHorizontalWritingMode()); |
| WritingMode childWritingMode = childStyle->writingMode(); |
| bool shouldFlip = false; |
| switch (containingBlockStyle.writingMode()) { |
| case WritingMode::TopToBottom: |
| shouldFlip = (childWritingMode == WritingMode::RightToLeft); |
| break; |
| case WritingMode::BottomToTop: |
| shouldFlip = (childWritingMode == WritingMode::RightToLeft); |
| break; |
| case WritingMode::RightToLeft: |
| shouldFlip = (childWritingMode == WritingMode::BottomToTop); |
| break; |
| case WritingMode::LeftToRight: |
| shouldFlip = (childWritingMode == WritingMode::BottomToTop); |
| break; |
| } |
| |
| if (!containingBlockStyle.isLeftToRightDirection()) |
| shouldFlip = !shouldFlip; |
| |
| return shouldFlip; |
| } |
| |
| void RenderBox::cacheIntrinsicContentLogicalHeightForFlexItem(LayoutUnit height) const |
| { |
| // FIXME: it should be enough with checking hasOverridingLogicalHeight() as this logic could be shared |
| // by any layout system using overrides like grid or flex. However this causes a never ending sequence of calls |
| // between layoutBlock() <-> relayoutToAvoidWidows(). |
| if (isFloatingOrOutOfFlowPositioned() || !parent() || !parent()->isFlexibleBox() || hasOverridingLogicalHeight() || shouldComputeLogicalHeightFromAspectRatio()) |
| return; |
| downcast<RenderFlexibleBox>(parent())->setCachedChildIntrinsicContentLogicalHeight(*this, height); |
| } |
| |
| void RenderBox::updateLogicalHeight() |
| { |
| if (shouldApplySizeContainment() && !isRenderGrid()) { |
| // We need the exact width of border and padding here, yet we can't use borderAndPadding* interfaces. |
| // Because these interfaces evetually call borderAfter/Before, and RenderBlock::borderBefore |
| // adds extra border to fieldset by adding intrinsicBorderForFieldset which is not needed here. |
| auto borderAndPadding = RenderBox::borderBefore() + RenderBox::paddingBefore() + RenderBox::borderAfter() + RenderBox::paddingAfter(); |
| setLogicalHeight(borderAndPadding + scrollbarLogicalHeight()); |
| } |
| |
| cacheIntrinsicContentLogicalHeightForFlexItem(contentLogicalHeight()); |
| auto computedValues = computeLogicalHeight(logicalHeight(), logicalTop()); |
| setLogicalHeight(computedValues.m_extent); |
| setLogicalTop(computedValues.m_position); |
| setMarginBefore(computedValues.m_margins.m_before); |
| setMarginAfter(computedValues.m_margins.m_after); |
| } |
| |
| RenderBox::LogicalExtentComputedValues RenderBox::computeLogicalHeight(LayoutUnit logicalHeight, LayoutUnit logicalTop) const |
| { |
| LogicalExtentComputedValues computedValues; |
| computedValues.m_extent = logicalHeight; |
| computedValues.m_position = logicalTop; |
| |
| // Cell height is managed by the table and inline non-replaced elements do not support a height property. |
| if (isTableCell() || (isInline() && !isReplacedOrInlineBlock())) |
| return computedValues; |
| |
| Length h; |
| if (isOutOfFlowPositioned()) |
| computePositionedLogicalHeight(computedValues); |
| else { |
| RenderBlock& cb = *containingBlock(); |
| bool hasPerpendicularContainingBlock = cb.isHorizontalWritingMode() != isHorizontalWritingMode(); |
| |
| if (!hasPerpendicularContainingBlock) { |
| bool shouldFlipBeforeAfter = cb.style().writingMode() != style().writingMode(); |
| computeBlockDirectionMargins(cb, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_after : computedValues.m_margins.m_before, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_before : computedValues.m_margins.m_after); |
| } |
| |
| // For tables, calculate margins only. |
| if (isTable()) { |
| if (shouldComputeLogicalHeightFromAspectRatio()) |
| computedValues.m_extent = blockSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalWidth()); |
| if (hasPerpendicularContainingBlock) { |
| bool shouldFlipBeforeAfter = shouldFlipBeforeAfterMargins(cb.style(), &style()); |
| computeInlineDirectionMargins(cb, containingBlockLogicalWidthForContent(), computedValues.m_extent, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_after : computedValues.m_margins.m_before, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_before : computedValues.m_margins.m_after); |
| } |
| return computedValues; |
| } |
| |
| // FIXME: Account for block-flow in flexible boxes. |
| // https://bugs.webkit.org/show_bug.cgi?id=46418 |
| bool inHorizontalBox = parent()->isDeprecatedFlexibleBox() && parent()->style().boxOrient() == BoxOrient::Horizontal; |
| bool stretching = parent()->style().boxAlign() == BoxAlignment::Stretch; |
| bool treatAsReplaced = shouldComputeSizeAsReplaced() && (!inHorizontalBox || !stretching); |
| bool checkMinMaxHeight = false; |
| const auto& logicalHeightInUse = hasOverridingLogicalHeightLength() ? overridingLogicalHeightLength() : style().logicalHeight(); |
| |
| // The parent box is flexing us, so it has increased or decreased our height. We have to |
| // grab our cached flexible height. |
| // FIXME: Account for block-flow in flexible boxes. |
| // https://bugs.webkit.org/show_bug.cgi?id=46418 |
| if (hasOverridingLogicalHeight() && (parent()->isFlexibleBoxIncludingDeprecated() || parent()->isRenderGrid())) { |
| h = Length(overridingLogicalHeight(), LengthType::Fixed); |
| } else if (treatAsReplaced) |
| h = Length(computeReplacedLogicalHeight() + borderAndPaddingLogicalHeight(), LengthType::Fixed); |
| else { |
| h = logicalHeightInUse; |
| checkMinMaxHeight = true; |
| } |
| |
| // Block children of horizontal flexible boxes fill the height of the box. |
| // FIXME: Account for block-flow in flexible boxes. |
| // https://bugs.webkit.org/show_bug.cgi?id=46418 |
| if (h.isAuto() && is<RenderDeprecatedFlexibleBox>(*parent()) && parent()->style().boxOrient() == BoxOrient::Horizontal |
| && downcast<RenderDeprecatedFlexibleBox>(*parent()).isStretchingChildren()) { |
| h = Length(parentBox()->contentLogicalHeight() - marginBefore() - marginAfter(), LengthType::Fixed); |
| checkMinMaxHeight = false; |
| } |
| |
| LayoutUnit heightResult; |
| if (checkMinMaxHeight) { |
| // Callers passing LayoutUnit::max() for logicalHeight means an indefinite height, so |
| // translate this to a nullopt intrinsic height for further logical height computations. |
| std::optional<LayoutUnit> intrinsicHeight; |
| if (computedValues.m_extent != LayoutUnit::max()) |
| intrinsicHeight = computedValues.m_extent; |
| if (shouldComputeLogicalHeightFromAspectRatio()) { |
| if (intrinsicHeight && style().boxSizingForAspectRatio() == BoxSizing::ContentBox) |
| *intrinsicHeight -= borderAndPaddingLogicalHeight(); |
| heightResult = blockSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalWidth()); |
| } else { |
| if (intrinsicHeight) |
| *intrinsicHeight -= borderAndPaddingLogicalHeight(); |
| heightResult = computeLogicalHeightUsing(MainOrPreferredSize, logicalHeightInUse, intrinsicHeight).value_or(computedValues.m_extent); |
| } |
| heightResult = constrainLogicalHeightByMinMax(heightResult, intrinsicHeight); |
| } else { |
| ASSERT(h.isFixed()); |
| heightResult = h.value(); |
| } |
| |
| computedValues.m_extent = heightResult; |
| |
| if (hasPerpendicularContainingBlock) { |
| bool shouldFlipBeforeAfter = shouldFlipBeforeAfterMargins(cb.style(), &style()); |
| computeInlineDirectionMargins(cb, containingBlockLogicalWidthForContent(), heightResult, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_after : computedValues.m_margins.m_before, |
| shouldFlipBeforeAfter ? computedValues.m_margins.m_before : computedValues.m_margins.m_after); |
| } |
| } |
| |
| // WinIE quirk: The <html> block always fills the entire canvas in quirks mode. The <body> always fills the |
| // <html> block in quirks mode. Only apply this quirk if the block is normal flow and no height |
| // is specified. When we're printing, we also need this quirk if the body or root has a percentage |
| // height since we don't set a height in RenderView when we're printing. So without this quirk, the |
| // height has nothing to be a percentage of, and it ends up being 0. That is bad. |
| auto paginatedContentNeedsBaseHeight = [&] { |
| if (!document().printing() || !h.isPercentOrCalculated() || isInline()) |
| return false; |
| if (isDocumentElementRenderer()) |
| return true; |
| auto* documentElementRenderer = document().documentElement()->renderer(); |
| return isBody() && parent() == documentElementRenderer && documentElementRenderer->style().logicalHeight().isPercentOrCalculated(); |
| }; |
| if (stretchesToViewport() || paginatedContentNeedsBaseHeight()) { |
| LayoutUnit margins = collapsedMarginBefore() + collapsedMarginAfter(); |
| LayoutUnit visibleHeight = view().pageOrViewLogicalHeight(); |
| if (isDocumentElementRenderer()) |
| computedValues.m_extent = std::max(computedValues.m_extent, visibleHeight - margins); |
| else { |
| LayoutUnit marginsBordersPadding = margins + parentBox()->marginBefore() + parentBox()->marginAfter() + parentBox()->borderAndPaddingLogicalHeight(); |
| computedValues.m_extent = std::max(computedValues.m_extent, visibleHeight - marginsBordersPadding); |
| } |
| } |
| return computedValues; |
| } |
| |
| LayoutUnit RenderBox::computeLogicalHeightWithoutLayout() const |
| { |
| // FIXME:: We should probably return something other than just |
| // border + padding, but for now we have no good way to do anything else |
| // without layout, so we just use that. |
| LogicalExtentComputedValues computedValues = computeLogicalHeight(borderAndPaddingLogicalHeight(), 0_lu); |
| return computedValues.m_extent; |
| } |
| |
| std::optional<LayoutUnit> RenderBox::computeLogicalHeightUsing(SizeType heightType, const Length& height, std::optional<LayoutUnit> intrinsicContentHeight) const |
| { |
| if (std::optional<LayoutUnit> logicalHeight = computeContentAndScrollbarLogicalHeightUsing(heightType, height, intrinsicContentHeight)) |
| return adjustBorderBoxLogicalHeightForBoxSizing(logicalHeight.value()); |
| return std::nullopt; |
| } |
| |
| std::optional<LayoutUnit> RenderBox::computeContentLogicalHeight(SizeType heightType, const Length& height, std::optional<LayoutUnit> intrinsicContentHeight) const |
| { |
| if (std::optional<LayoutUnit> heightIncludingScrollbar = computeContentAndScrollbarLogicalHeightUsing(heightType, height, intrinsicContentHeight)) |
| return std::max<LayoutUnit>(0, adjustContentBoxLogicalHeightForBoxSizing(heightIncludingScrollbar) - scrollbarLogicalHeight()); |
| return std::nullopt; |
| } |
| |
| static inline bool isOrthogonal(const RenderBox& renderer, const RenderElement& ancestor) |
| { |
| return renderer.isHorizontalWritingMode() != ancestor.isHorizontalWritingMode(); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::computeIntrinsicLogicalContentHeightUsing(Length logicalHeightLength, std::optional<LayoutUnit> intrinsicContentHeight, LayoutUnit borderAndPadding) const |
| { |
| // FIXME: The CSS sizing spec is considering changing what min-content/max-content should resolve to. |
| // If that happens, this code will have to change. |
| if (logicalHeightLength.isMinContent() || logicalHeightLength.isMaxContent() || logicalHeightLength.isFitContent() || logicalHeightLength.isLegacyIntrinsic()) { |
| if (intrinsicContentHeight) |
| return adjustIntrinsicLogicalHeightForBoxSizing(intrinsicContentHeight.value()); |
| return { }; |
| } |
| if (logicalHeightLength.isFillAvailable()) { |
| auto* containingBlock = this->containingBlock(); |
| |
| auto canResolveAvailableSpace = [&] { |
| // FIXME: We need to find a way to say: yes, the constraint value is set and we can resolve height against it. |
| // Until then, this is mostly just guesswork. |
| if (!containingBlock) |
| return false; |
| if (is<RenderView>(containingBlock)) |
| return true; |
| auto containingBlockHasSpecifiedSpace = [&] { |
| auto isOrthogonal = WebCore::isOrthogonal(*this, *containingBlock); |
| auto& style = containingBlock->style(); |
| if ((!isOrthogonal && style.height().isSpecified()) || (isOrthogonal && style.width().isSpecified())) |
| return true; |
| if (containingBlock->isOutOfFlowPositioned()) { |
| if ((!isOrthogonal && !style.top().isAuto() && !style.bottom().isAuto()) || (isOrthogonal && !style.left().isAuto() && !style.right().isAuto())) |
| return true; |
| } |
| return false; |
| }; |
| return containingBlockHasSpecifiedSpace() || containingBlock->hasOverridingLogicalHeight(); |
| }; |
| if (canResolveAvailableSpace()) |
| return containingBlock->availableLogicalHeight(ExcludeMarginBorderPadding) - borderAndPadding; |
| return { }; |
| } |
| ASSERT_NOT_REACHED(); |
| return 0_lu; |
| } |
| |
| std::optional<LayoutUnit> RenderBox::computeContentAndScrollbarLogicalHeightUsing(SizeType heightType, const Length& height, std::optional<LayoutUnit> intrinsicContentHeight) const |
| { |
| if (height.isAuto()) { |
| if (heightType != MinSize) |
| return std::nullopt; |
| if (intrinsicContentHeight && isFlexItem() && downcast<RenderFlexibleBox>(parent())->shouldApplyMinBlockSizeAutoForChild(*this)) |
| return adjustIntrinsicLogicalHeightForBoxSizing(intrinsicContentHeight.value()); |
| return std::optional<LayoutUnit>(0); |
| } |
| // FIXME: The CSS sizing spec is considering changing what min-content/max-content should resolve to. |
| // If that happens, this code will have to change. |
| if (height.isIntrinsic() || height.isLegacyIntrinsic()) |
| return computeIntrinsicLogicalContentHeightUsing(height, intrinsicContentHeight, borderAndPaddingLogicalHeight()); |
| if (height.isFixed()) |
| return LayoutUnit(height.value()); |
| if (height.isPercentOrCalculated()) |
| return computePercentageLogicalHeight(height); |
| return std::nullopt; |
| } |
| |
| bool RenderBox::skipContainingBlockForPercentHeightCalculation(const RenderBox& containingBlock, bool isPerpendicularWritingMode) const |
| { |
| // Flow threads for multicol or paged overflow should be skipped. They are invisible to the DOM, |
| // and percent heights of children should be resolved against the multicol or paged container. |
| if (containingBlock.isRenderFragmentedFlow() && !isPerpendicularWritingMode) |
| return true; |
| |
| // Render view is not considered auto height. |
| if (is<RenderView>(containingBlock)) |
| return false; |
| |
| // If the writing mode of the containing block is orthogonal to ours, it means |
| // that we shouldn't skip anything, since we're going to resolve the |
| // percentage height against a containing block *width*. |
| if (isPerpendicularWritingMode) |
| return false; |
| |
| // Anonymous blocks should not impede percentage resolution on a child. |
| // Examples of such anonymous blocks are blocks wrapped around inlines that |
| // have block siblings (from the CSS spec) and multicol flow threads (an |
| // implementation detail). Another implementation detail, ruby runs, create |
| // anonymous inline-blocks, so skip those too. All other types of anonymous |
| // objects, such as table-cells and flexboxes, will be treated as if they were |
| // non-anonymous. |
| if (containingBlock.isAnonymous()) |
| return containingBlock.style().display() == DisplayType::Block || containingBlock.style().display() == DisplayType::InlineBlock; |
| |
| // For quirks mode, we skip most auto-height containing blocks when computing |
| // percentages. |
| return document().inQuirksMode() && !containingBlock.isTableCell() && !containingBlock.isOutOfFlowPositioned() && !containingBlock.isRenderGrid() && !containingBlock.isFlexibleBoxIncludingDeprecated() && containingBlock.style().logicalHeight().isAuto(); |
| } |
| |
| bool RenderBox::shouldTreatChildAsReplacedInTableCells() const |
| { |
| if (isReplacedOrInlineBlock()) |
| return true; |
| return element() && (element()->isFormControlElement() || is<HTMLImageElement>(element())); |
| } |
| |
| static bool tableCellShouldHaveZeroInitialSize(const RenderBlock& block, const RenderBox& child, bool scrollsOverflowY) |
| { |
| // Normally we would let the cell size intrinsically, but scrolling overflow has to be |
| // treated differently, since WinIE lets scrolled overflow fragments shrink as needed. |
| // While we can't get all cases right, we can at least detect when the cell has a specified |
| // height or when the table has a specified height. In these cases we want to initially have |
| // no size and allow the flexing of the table or the cell to its specified height to cause us |
| // to grow to fill the space. This could end up being wrong in some cases, but it is |
| // preferable to the alternative (sizing intrinsically and making the row end up too big). |
| const RenderTableCell& cell = downcast<RenderTableCell>(block); |
| return scrollsOverflowY && !child.shouldTreatChildAsReplacedInTableCells() && (!cell.style().logicalHeight().isAuto() || !cell.table()->style().logicalHeight().isAuto()); |
| } |
| |
| std::optional<LayoutUnit> RenderBox::computePercentageLogicalHeight(const Length& height, UpdatePercentageHeightDescendants updateDescendants) const |
| { |
| std::optional<LayoutUnit> availableHeight; |
| |
| bool skippedAutoHeightContainingBlock = false; |
| RenderBlock* cb = containingBlock(); |
| const RenderBox* containingBlockChild = this; |
| LayoutUnit rootMarginBorderPaddingHeight; |
| bool isHorizontal = isHorizontalWritingMode(); |
| while (cb && !is<RenderView>(*cb) && skipContainingBlockForPercentHeightCalculation(*cb, isHorizontal != cb->isHorizontalWritingMode())) { |
| if (cb->isBody() || cb->isDocumentElementRenderer()) |
| rootMarginBorderPaddingHeight += cb->marginBefore() + cb->marginAfter() + cb->borderAndPaddingLogicalHeight(); |
| skippedAutoHeightContainingBlock = true; |
| containingBlockChild = cb; |
| cb = cb->containingBlock(); |
| } |
| if (updateDescendants == UpdatePercentageHeightDescendants::Yes) |
| cb->addPercentHeightDescendant(const_cast<RenderBox&>(*this)); |
| |
| bool isOrthogonal = isHorizontal != cb->isHorizontalWritingMode(); |
| if (hasOverridingContainingBlockContentLogicalWidth() && isOrthogonal) |
| availableHeight = overridingContainingBlockContentLogicalWidth(); |
| else if (hasOverridingContainingBlockContentLogicalHeight() && !isOrthogonal) |
| availableHeight = overridingContainingBlockContentLogicalHeight(); |
| else if (isOrthogonal) |
| availableHeight = containingBlockChild->containingBlockLogicalWidthForContent(); |
| else if (is<RenderTableCell>(*cb)) { |
| if (!skippedAutoHeightContainingBlock) { |
| // Table cells violate what the CSS spec says to do with heights. Basically we |
| // don't care if the cell specified a height or not. We just always make ourselves |
| // be a percentage of the cell's current content height. |
| if (!cb->hasOverridingLogicalHeight()) |
| return tableCellShouldHaveZeroInitialSize(*cb, *this, scrollsOverflowY()) ? std::optional<LayoutUnit>(0) : std::nullopt; |
| |
| availableHeight = cb->overridingLogicalHeight() - cb->computedCSSPaddingBefore() - cb->computedCSSPaddingAfter() - cb->borderBefore() - cb->borderAfter(); |
| } |
| } else |
| availableHeight = cb->availableLogicalHeightForPercentageComputation(); |
| |
| if (!availableHeight) |
| return availableHeight; |
| |
| LayoutUnit result = valueForLength(height, availableHeight.value() - rootMarginBorderPaddingHeight + (isTable() && isOutOfFlowPositioned() ? cb->paddingBefore() + cb->paddingAfter() : 0_lu)); |
| |
| // |overridingLogicalHeight| is the maximum height made available by the |
| // cell to its percent height children when we decide they can determine the |
| // height of the cell. If the percent height child is box-sizing:content-box |
| // then we must subtract the border and padding from the cell's |
| // |availableHeight| (given by |overridingLogicalHeight|) to arrive |
| // at the child's computed height. |
| bool subtractBorderAndPadding = isTable() || (is<RenderTableCell>(*cb) && !skippedAutoHeightContainingBlock && cb->hasOverridingLogicalHeight() && style().boxSizing() == BoxSizing::ContentBox); |
| if (subtractBorderAndPadding) { |
| result -= borderAndPaddingLogicalHeight(); |
| return std::max(0_lu, result); |
| } |
| return result; |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalWidth(ShouldComputePreferred shouldComputePreferred) const |
| { |
| return computeReplacedLogicalWidthRespectingMinMaxWidth(computeReplacedLogicalWidthUsing(MainOrPreferredSize, style().logicalWidth()), shouldComputePreferred); |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalWidthRespectingMinMaxWidth(LayoutUnit logicalWidth, ShouldComputePreferred shouldComputePreferred) const |
| { |
| auto& logicalMinWidth = style().logicalMinWidth(); |
| auto& logicalMaxWidth = style().logicalMaxWidth(); |
| bool useLogicalWidthForMinWidth = (shouldComputePreferred == ComputePreferred && logicalMinWidth.isPercentOrCalculated()) || logicalMinWidth.isUndefined(); |
| bool useLogicalWidthForMaxWidth = (shouldComputePreferred == ComputePreferred && logicalMaxWidth.isPercentOrCalculated()) || logicalMaxWidth.isUndefined(); |
| auto minLogicalWidth = useLogicalWidthForMinWidth ? logicalWidth : computeReplacedLogicalWidthUsing(MinSize, logicalMinWidth); |
| auto maxLogicalWidth = useLogicalWidthForMaxWidth ? logicalWidth : computeReplacedLogicalWidthUsing(MaxSize, logicalMaxWidth); |
| return std::max(minLogicalWidth, std::min(logicalWidth, maxLogicalWidth)); |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalWidthUsing(SizeType widthType, Length logicalWidth) const |
| { |
| ASSERT(widthType == MinSize || widthType == MainOrPreferredSize || !logicalWidth.isAuto()); |
| if (widthType == MinSize && logicalWidth.isAuto()) |
| return adjustContentBoxLogicalWidthForBoxSizing(0, logicalWidth.type()); |
| |
| switch (logicalWidth.type()) { |
| case LengthType::Fixed: |
| return adjustContentBoxLogicalWidthForBoxSizing(logicalWidth); |
| case LengthType::MinContent: |
| case LengthType::MaxContent: { |
| // MinContent/MaxContent don't need the availableLogicalWidth argument. |
| LayoutUnit availableLogicalWidth; |
| return computeIntrinsicLogicalWidthUsing(logicalWidth, availableLogicalWidth, borderAndPaddingLogicalWidth()) - borderAndPaddingLogicalWidth(); |
| } |
| case LengthType::FitContent: |
| case LengthType::FillAvailable: |
| case LengthType::Percent: |
| case LengthType::Calculated: { |
| LayoutUnit containerWidth; |
| if (isOutOfFlowPositioned()) |
| containerWidth = containingBlockLogicalWidthForPositioned(downcast<RenderBoxModelObject>(*container())); |
| else if (isHorizontalWritingMode() == containingBlock()->isHorizontalWritingMode()) |
| containerWidth = containingBlockLogicalWidthForContent(); |
| else |
| containerWidth = perpendicularContainingBlockLogicalHeight(); |
| Length containerLogicalWidth = containingBlock()->style().logicalWidth(); |
| // FIXME: Handle cases when containing block width is calculated or viewport percent. |
| // https://bugs.webkit.org/show_bug.cgi?id=91071 |
| if (logicalWidth.isIntrinsic()) |
| return computeIntrinsicLogicalWidthUsing(logicalWidth, containerWidth, borderAndPaddingLogicalWidth()) - borderAndPaddingLogicalWidth(); |
| if (containerWidth > 0 || (!containerWidth && (containerLogicalWidth.isFixed() || containerLogicalWidth.isPercentOrCalculated()))) |
| return adjustContentBoxLogicalWidthForBoxSizing(minimumValueForLength(logicalWidth, containerWidth), logicalWidth.type()); |
| return 0_lu; |
| } |
| case LengthType::Intrinsic: |
| case LengthType::MinIntrinsic: |
| case LengthType::Auto: |
| case LengthType::Content: |
| case LengthType::Relative: |
| case LengthType::Undefined: |
| return intrinsicLogicalWidth(); |
| } |
| |
| ASSERT_NOT_REACHED(); |
| return 0; |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalHeight(std::optional<LayoutUnit>) const |
| { |
| return computeReplacedLogicalHeightRespectingMinMaxHeight(computeReplacedLogicalHeightUsing(MainOrPreferredSize, style().logicalHeight())); |
| } |
| |
| static bool allowMinMaxPercentagesInAutoHeightBlocksQuirk() |
| { |
| #if PLATFORM(COCOA) |
| return CocoaApplication::isIBooks(); |
| #else |
| return false; |
| #endif |
| } |
| |
| void RenderBox::computePreferredLogicalWidths() |
| { |
| ASSERT(preferredLogicalWidthsDirty()); |
| |
| computePreferredLogicalWidths(style().logicalMinWidth(), style().logicalMaxWidth(), borderAndPaddingLogicalWidth()); |
| setPreferredLogicalWidthsDirty(false); |
| } |
| |
| void RenderBox::computePreferredLogicalWidths(const Length& minWidth, const Length& maxWidth, LayoutUnit borderAndPadding) |
| { |
| if (shouldComputeLogicalHeightFromAspectRatio()) { |
| auto [logicalMinWidth, logicalMaxWidth] = computeMinMaxLogicalWidthFromAspectRatio(); |
| m_minPreferredLogicalWidth = std::clamp(m_minPreferredLogicalWidth, logicalMinWidth, logicalMaxWidth); |
| m_maxPreferredLogicalWidth = std::clamp(m_maxPreferredLogicalWidth, logicalMinWidth, logicalMaxWidth); |
| } |
| |
| if (maxWidth.isFixed()) { |
| auto adjustContentBoxLogicalWidth = adjustContentBoxLogicalWidthForBoxSizing(maxWidth); |
| m_maxPreferredLogicalWidth = std::min(m_maxPreferredLogicalWidth, adjustContentBoxLogicalWidth); |
| m_minPreferredLogicalWidth = std::min(m_minPreferredLogicalWidth, adjustContentBoxLogicalWidth); |
| } |
| |
| if (minWidth.isFixed() && minWidth.value() > 0) { |
| auto adjustContentBoxLogicalWidth = adjustContentBoxLogicalWidthForBoxSizing(minWidth); |
| m_maxPreferredLogicalWidth = std::max(m_maxPreferredLogicalWidth, adjustContentBoxLogicalWidth); |
| m_minPreferredLogicalWidth = std::max(m_minPreferredLogicalWidth, adjustContentBoxLogicalWidth); |
| } |
| |
| m_minPreferredLogicalWidth += borderAndPadding; |
| m_maxPreferredLogicalWidth += borderAndPadding; |
| } |
| |
| bool RenderBox::replacedMinMaxLogicalHeightComputesAsNone(SizeType sizeType) const |
| { |
| ASSERT(sizeType == MinSize || sizeType == MaxSize); |
| |
| auto logicalHeight = sizeType == MinSize ? style().logicalMinHeight() : style().logicalMaxHeight(); |
| auto initialLogicalHeight = sizeType == MinSize ? RenderStyle::initialMinSize() : RenderStyle::initialMaxSize(); |
| |
| if (logicalHeight == initialLogicalHeight) |
| return true; |
| |
| if (logicalHeight.isPercentOrCalculated() && hasOverridingContainingBlockContentLogicalHeight()) |
| return overridingContainingBlockContentLogicalHeight() == std::nullopt; |
| |
| // Make sure % min-height and % max-height resolve to none if the containing block has auto height. |
| // Note that the "height" case for replaced elements was handled by hasReplacedLogicalHeight, which is why |
| // min and max-height are the only ones handled here. |
| // FIXME: For now we put in a quirk for iBooks until we can move them to viewport units. |
| if (auto* cb = containingBlockForAutoHeightDetection(logicalHeight)) |
| return allowMinMaxPercentagesInAutoHeightBlocksQuirk() ? false : cb->hasAutoHeightOrContainingBlockWithAutoHeight(); |
| |
| return false; |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalHeightRespectingMinMaxHeight(LayoutUnit logicalHeight) const |
| { |
| LayoutUnit minLogicalHeight; |
| if (!replacedMinMaxLogicalHeightComputesAsNone(MinSize)) |
| minLogicalHeight = computeReplacedLogicalHeightUsing(MinSize, style().logicalMinHeight()); |
| LayoutUnit maxLogicalHeight = logicalHeight; |
| if (!replacedMinMaxLogicalHeightComputesAsNone(MaxSize)) |
| maxLogicalHeight = computeReplacedLogicalHeightUsing(MaxSize, style().logicalMaxHeight()); |
| return std::max(minLogicalHeight, std::min(logicalHeight, maxLogicalHeight)); |
| } |
| |
| LayoutUnit RenderBox::computeReplacedLogicalHeightUsing(SizeType heightType, Length logicalHeight) const |
| { |
| ASSERT(heightType == MinSize || heightType == MainOrPreferredSize || !logicalHeight.isAuto()); |
| if (heightType == MinSize && logicalHeight.isAuto()) |
| return adjustContentBoxLogicalHeightForBoxSizing(std::optional<LayoutUnit>(0)); |
| |
| switch (logicalHeight.type()) { |
| case LengthType::Fixed: |
| return adjustContentBoxLogicalHeightForBoxSizing(LayoutUnit(logicalHeight.value())); |
| case LengthType::Percent: |
| case LengthType::Calculated: { |
| auto* container = isOutOfFlowPositioned() ? this->container() : containingBlock(); |
| while (container && container->isAnonymous()) { |
| // Stop at rendering context root. |
| if (is<RenderView>(*container)) |
| break; |
| container = container->containingBlock(); |
| } |
| bool hasPerpendicularContainingBlock = container->isHorizontalWritingMode() != isHorizontalWritingMode(); |
| std::optional<LayoutUnit> stretchedHeight; |
| if (is<RenderBlock>(container)) { |
| auto* block = downcast<RenderBlock>(container); |
| block->addPercentHeightDescendant(*const_cast<RenderBox*>(this)); |
| if (block->isFlexItem() && downcast<RenderFlexibleBox>(block->parent())->useChildOverridingLogicalHeightForPercentageResolution(*block)) |
| stretchedHeight = block->overridingContentLogicalHeight(); |
| else if (block->isGridItem() && block->hasOverridingLogicalHeight() && !hasPerpendicularContainingBlock) |
| stretchedHeight = block->overridingContentLogicalHeight(); |
| } |
| |
| // FIXME: This calculation is not patched for block-flow yet. |
| // https://bugs.webkit.org/show_bug.cgi?id=46500 |
| if (container->isOutOfFlowPositioned() |
| && container->style().height().isAuto() |
| && !(container->style().top().isAuto() || container->style().bottom().isAuto())) { |
| RELEASE_ASSERT_WITH_SECURITY_IMPLICATION(container->isRenderBlock()); |
| auto& block = downcast<RenderBlock>(*container); |
| auto computedValues = block.computeLogicalHeight(block.logicalHeight(), 0); |
| LayoutUnit newContentHeight = computedValues.m_extent - block.borderAndPaddingLogicalHeight() - block.scrollbarLogicalHeight(); |
| return adjustContentBoxLogicalHeightForBoxSizing(valueForLength(logicalHeight, newContentHeight)); |
| } |
| |
| LayoutUnit availableHeight; |
| if (isOutOfFlowPositioned()) |
| availableHeight = containingBlockLogicalHeightForPositioned(downcast<RenderBoxModelObject>(*container)); |
| else if (stretchedHeight) |
| availableHeight = stretchedHeight.value(); |
| else { |
| availableHeight = hasPerpendicularContainingBlock ? containingBlockLogicalWidthForContent() : containingBlockLogicalHeightForContent(IncludeMarginBorderPadding); |
| // It is necessary to use the border-box to match WinIE's broken |
| // box model. This is essential for sizing inside |
| // table cells using percentage heights. |
| // FIXME: This needs to be made block-flow-aware. If the cell and image are perpendicular block-flows, this isn't right. |
| // https://bugs.webkit.org/show_bug.cgi?id=46997 |
| while (container && !is<RenderView>(*container) |
| && (container->style().logicalHeight().isAuto() || container->style().logicalHeight().isPercentOrCalculated())) { |
| if (container->isTableCell()) { |
| // Don't let table cells squeeze percent-height replaced elements |
| // <http://bugs.webkit.org/show_bug.cgi?id=15359> |
| availableHeight = std::max(availableHeight, intrinsicLogicalHeight()); |
| return valueForLength(logicalHeight, availableHeight - borderAndPaddingLogicalHeight()); |
| } |
| downcast<RenderBlock>(*container).addPercentHeightDescendant(const_cast<RenderBox&>(*this)); |
| container = container->containingBlock(); |
| } |
| } |
| return adjustContentBoxLogicalHeightForBoxSizing(valueForLength(logicalHeight, availableHeight)); |
| } |
| case LengthType::MinContent: |
| case LengthType::MaxContent: |
| case LengthType::FitContent: |
| case LengthType::FillAvailable: |
| return adjustContentBoxLogicalHeightForBoxSizing(computeIntrinsicLogicalContentHeightUsing(logicalHeight, intrinsicLogicalHeight(), borderAndPaddingLogicalHeight())); |
| default: |
| return intrinsicLogicalHeight(); |
| } |
| } |
| |
| LayoutUnit RenderBox::availableLogicalHeight(AvailableLogicalHeightType heightType) const |
| { |
| return constrainContentBoxLogicalHeightByMinMax(availableLogicalHeightUsing(style().logicalHeight(), heightType), std::nullopt); |
| } |
| |
| LayoutUnit RenderBox::availableLogicalHeightUsing(const Length& h, AvailableLogicalHeightType heightType) const |
| { |
| // We need to stop here, since we don't want to increase the height of the table |
| // artificially. We're going to rely on this cell getting expanded to some new |
| // height, and then when we lay out again we'll use the calculation below. |
| if (isTableCell() && (h.isAuto() || h.isPercentOrCalculated())) { |
| if (hasOverridingLogicalHeight()) |
| return overridingLogicalHeight() - computedCSSPaddingBefore() - computedCSSPaddingAfter() - borderBefore() - borderAfter(); |
| return logicalHeight() - borderAndPaddingLogicalHeight(); |
| } |
| |
| if (isFlexItem() && downcast<RenderFlexibleBox>(*parent()).useChildOverridingLogicalHeightForPercentageResolution(*this)) |
| return overridingContentLogicalHeight(); |
| |
| if (shouldComputeLogicalHeightFromAspectRatio()) |
| return blockSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalWidth()); |
| |
| if (h.isPercentOrCalculated() && isOutOfFlowPositioned() && !isRenderFragmentedFlow()) { |
| // FIXME: This is wrong if the containingBlock has a perpendicular writing mode. |
| LayoutUnit availableHeight = containingBlockLogicalHeightForPositioned(*containingBlock()); |
| return adjustContentBoxLogicalHeightForBoxSizing(valueForLength(h, availableHeight)); |
| } |
| |
| if (std::optional<LayoutUnit> heightIncludingScrollbar = computeContentAndScrollbarLogicalHeightUsing(MainOrPreferredSize, h, std::nullopt)) |
| return std::max<LayoutUnit>(0, adjustContentBoxLogicalHeightForBoxSizing(heightIncludingScrollbar) - scrollbarLogicalHeight()); |
| |
| // FIXME: Check logicalTop/logicalBottom here to correctly handle vertical writing-mode. |
| // https://bugs.webkit.org/show_bug.cgi?id=46500 |
| if (is<RenderBlock>(*this) && isOutOfFlowPositioned() && style().height().isAuto() && !(style().top().isAuto() || style().bottom().isAuto())) { |
| RenderBlock& block = const_cast<RenderBlock&>(downcast<RenderBlock>(*this)); |
| auto computedValues = block.computeLogicalHeight(block.logicalHeight(), 0); |
| return computedValues.m_extent - block.borderAndPaddingLogicalHeight() - block.scrollbarLogicalHeight(); |
| } |
| |
| LayoutUnit availableHeight = isOrthogonal(*this, *containingBlock()) ? containingBlockLogicalWidthForContent() : containingBlockLogicalHeightForContent(heightType); |
| if (heightType == ExcludeMarginBorderPadding) { |
| // FIXME: Margin collapsing hasn't happened yet, so this incorrectly removes collapsed margins. |
| availableHeight -= marginBefore() + marginAfter() + borderAndPaddingLogicalHeight(); |
| } |
| return availableHeight; |
| } |
| |
| void RenderBox::computeBlockDirectionMargins(const RenderBlock& containingBlock, LayoutUnit& marginBefore, LayoutUnit& marginAfter) const |
| { |
| if (isTableCell()) { |
| // FIXME: Not right if we allow cells to have different directionality than the table. If we do allow this, though, |
| // we may just do it with an extra anonymous block inside the cell. |
| marginBefore = 0; |
| marginAfter = 0; |
| return; |
| } |
| |
| // Margins are calculated with respect to the logical width of |
| // the containing block (8.3) |
| LayoutUnit cw = containingBlockLogicalWidthForContent(); |
| const RenderStyle& containingBlockStyle = containingBlock.style(); |
| marginBefore = minimumValueForLength(style().marginBeforeUsing(&containingBlockStyle), cw); |
| marginAfter = minimumValueForLength(style().marginAfterUsing(&containingBlockStyle), cw); |
| } |
| |
| void RenderBox::computeAndSetBlockDirectionMargins(const RenderBlock& containingBlock) |
| { |
| LayoutUnit marginBefore; |
| LayoutUnit marginAfter; |
| computeBlockDirectionMargins(containingBlock, marginBefore, marginAfter); |
| containingBlock.setMarginBeforeForChild(*this, marginBefore); |
| containingBlock.setMarginAfterForChild(*this, marginAfter); |
| } |
| |
| LayoutUnit RenderBox::containingBlockLogicalWidthForPositioned(const RenderBoxModelObject& containingBlock, RenderFragmentContainer* fragment, bool checkForPerpendicularWritingMode) const |
| { |
| if (checkForPerpendicularWritingMode && containingBlock.isHorizontalWritingMode() != isHorizontalWritingMode()) |
| return containingBlockLogicalHeightForPositioned(containingBlock, false); |
| |
| if (hasOverridingContainingBlockContentLogicalWidth()) { |
| if (auto width = overridingContainingBlockContentLogicalWidth()) |
| return width.value(); |
| } |
| |
| if (is<RenderBox>(containingBlock)) { |
| bool isFixedPosition = isFixedPositioned(); |
| |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (!fragmentedFlow) { |
| if (isFixedPosition && is<RenderView>(containingBlock)) |
| return downcast<RenderView>(containingBlock).clientLogicalWidthForFixedPosition(); |
| |
| return downcast<RenderBox>(containingBlock).clientLogicalWidth(); |
| } |
| |
| if (!is<RenderBlock>(containingBlock)) |
| return downcast<RenderBox>(containingBlock).clientLogicalWidth(); |
| |
| const RenderBlock& cb = downcast<RenderBlock>(containingBlock); |
| RenderBoxFragmentInfo* boxInfo = nullptr; |
| if (!fragment) { |
| if (is<RenderFragmentedFlow>(containingBlock) && !checkForPerpendicularWritingMode) |
| return downcast<RenderFragmentedFlow>(containingBlock).contentLogicalWidthOfFirstFragment(); |
| if (isWritingModeRoot()) { |
| LayoutUnit cbPageOffset = cb.offsetFromLogicalTopOfFirstPage(); |
| RenderFragmentContainer* cbFragment = cb.fragmentAtBlockOffset(cbPageOffset); |
| if (cbFragment) |
| boxInfo = cb.renderBoxFragmentInfo(cbFragment); |
| } |
| } else if (fragmentedFlow->isHorizontalWritingMode() == containingBlock.isHorizontalWritingMode()) { |
| RenderFragmentContainer* containingBlockFragment = cb.clampToStartAndEndFragments(fragment); |
| boxInfo = cb.renderBoxFragmentInfo(containingBlockFragment); |
| } |
| return (boxInfo) ? std::max<LayoutUnit>(0, cb.clientLogicalWidth() - (cb.logicalWidth() - boxInfo->logicalWidth())) : cb.clientLogicalWidth(); |
| } |
| |
| ASSERT(containingBlock.isInFlowPositioned()); |
| |
| const auto& flow = downcast<RenderInline>(containingBlock); |
| LegacyInlineFlowBox* first = flow.firstLineBox(); |
| LegacyInlineFlowBox* last = flow.lastLineBox(); |
| |
| // If the containing block is empty, return a width of 0. |
| if (!first || !last) |
| return 0; |
| |
| LayoutUnit fromLeft; |
| LayoutUnit fromRight; |
| if (containingBlock.style().isLeftToRightDirection()) { |
| fromLeft = first->logicalLeft() + first->borderLogicalLeft(); |
| fromRight = last->logicalLeft() + last->logicalWidth() - last->borderLogicalRight(); |
| } else { |
| fromRight = first->logicalLeft() + first->logicalWidth() - first->borderLogicalRight(); |
| fromLeft = last->logicalLeft() + last->borderLogicalLeft(); |
| } |
| |
| return std::max<LayoutUnit>(0, fromRight - fromLeft); |
| } |
| |
| LayoutUnit RenderBox::containingBlockLogicalHeightForPositioned(const RenderBoxModelObject& containingBlock, bool checkForPerpendicularWritingMode) const |
| { |
| if (checkForPerpendicularWritingMode && containingBlock.isHorizontalWritingMode() != isHorizontalWritingMode()) |
| return containingBlockLogicalWidthForPositioned(containingBlock, nullptr, false); |
| |
| if (hasOverridingContainingBlockContentLogicalHeight()) { |
| if (auto height = overridingContainingBlockContentLogicalHeight()) |
| return height.value(); |
| } |
| |
| if (containingBlock.isBox()) { |
| bool isFixedPosition = isFixedPositioned(); |
| |
| if (isFixedPosition && is<RenderView>(containingBlock)) |
| return downcast<RenderView>(containingBlock).clientLogicalHeightForFixedPosition(); |
| |
| const RenderBlock& cb = is<RenderBlock>(containingBlock) ? downcast<RenderBlock>(containingBlock) : *containingBlock.containingBlock(); |
| LayoutUnit result = cb.clientLogicalHeight(); |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow && is<RenderFragmentedFlow>(containingBlock) && fragmentedFlow->isHorizontalWritingMode() == containingBlock.isHorizontalWritingMode()) |
| return downcast<RenderFragmentedFlow>(containingBlock).contentLogicalHeightOfFirstFragment(); |
| return result; |
| } |
| |
| ASSERT(containingBlock.isInFlowPositioned()); |
| |
| const auto& flow = downcast<RenderInline>(containingBlock); |
| LegacyInlineFlowBox* first = flow.firstLineBox(); |
| LegacyInlineFlowBox* last = flow.lastLineBox(); |
| |
| // If the containing block is empty, return a height of 0. |
| if (!first || !last) |
| return 0; |
| |
| LayoutUnit heightResult; |
| LayoutRect boundingBox = flow.linesBoundingBox(); |
| if (containingBlock.isHorizontalWritingMode()) |
| heightResult = boundingBox.height(); |
| else |
| heightResult = boundingBox.width(); |
| heightResult -= (containingBlock.borderBefore() + containingBlock.borderAfter()); |
| return heightResult; |
| } |
| |
| static void computeInlineStaticDistance(Length& logicalLeft, Length& logicalRight, const RenderBox* child, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalWidth, RenderFragmentContainer* fragment) |
| { |
| if (!logicalLeft.isAuto() || !logicalRight.isAuto()) |
| return; |
| |
| auto* parent = child->parent(); |
| TextDirection parentDirection = parent->style().direction(); |
| |
| // This method is using enclosingBox() which is wrong for absolutely |
| // positioned grid items, as they rely on the grid area. So for grid items if |
| // both "left" and "right" properties are "auto", we can consider that one of |
| // them (depending on the direction) is simply "0". |
| if (parent->isRenderGrid() && parent == child->containingBlock()) { |
| if (parentDirection == TextDirection::LTR) |
| logicalLeft.setValue(LengthType::Fixed, 0); |
| else |
| logicalRight.setValue(LengthType::Fixed, 0); |
| return; |
| } |
| |
| // For orthogonal flows we don't care whether the parent is LTR or RTL because it does not affect the position in our inline axis. |
| if (parentDirection == TextDirection::LTR || isOrthogonal(*child, *parent)) { |
| LayoutUnit staticPosition = isOrthogonal(*child, *parent) ? child->layer()->staticBlockPosition() - containerBlock.borderBefore() : child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft(); |
| for (auto* current = parent; current && current != &containerBlock; current = current->container()) { |
| if (!is<RenderBox>(*current)) |
| continue; |
| const auto& renderBox = downcast<RenderBox>(*current); |
| staticPosition += isOrthogonal(*child, *parent) ? renderBox.logicalTop() : renderBox.logicalLeft(); |
| if (renderBox.isInFlowPositioned()) |
| staticPosition += renderBox.isHorizontalWritingMode() ? renderBox.offsetForInFlowPosition().width() : renderBox.offsetForInFlowPosition().height(); |
| if (fragment && is<RenderBlock>(*current)) { |
| const RenderBlock& currentBlock = downcast<RenderBlock>(*current); |
| fragment = currentBlock.clampToStartAndEndFragments(fragment); |
| RenderBoxFragmentInfo* boxInfo = currentBlock.renderBoxFragmentInfo(fragment); |
| if (boxInfo) |
| staticPosition += boxInfo->logicalLeft(); |
| } |
| } |
| logicalLeft.setValue(LengthType::Fixed, staticPosition); |
| } else { |
| ASSERT(!isOrthogonal(*child, *parent)); |
| LayoutUnit staticPosition = child->layer()->staticInlinePosition() + containerLogicalWidth + containerBlock.borderLogicalLeft(); |
| auto& enclosingBox = parent->enclosingBox(); |
| if (&enclosingBox != &containerBlock && containerBlock.isDescendantOf(&enclosingBox)) { |
| logicalRight.setValue(LengthType::Fixed, staticPosition); |
| return; |
| } |
| staticPosition -= enclosingBox.logicalWidth(); |
| for (const RenderElement* current = &enclosingBox; current; current = current->container()) { |
| if (!is<RenderBox>(*current)) |
| continue; |
| |
| if (current != &containerBlock) { |
| auto& renderBox = downcast<RenderBox>(*current); |
| staticPosition -= renderBox.logicalLeft(); |
| if (renderBox.isInFlowPositioned()) |
| staticPosition -= renderBox.isHorizontalWritingMode() ? renderBox.offsetForInFlowPosition().width() : renderBox.offsetForInFlowPosition().height(); |
| } |
| if (fragment && is<RenderBlock>(*current)) { |
| auto& currentBlock = downcast<RenderBlock>(*current); |
| fragment = currentBlock.clampToStartAndEndFragments(fragment); |
| RenderBoxFragmentInfo* boxInfo = currentBlock.renderBoxFragmentInfo(fragment); |
| if (boxInfo) { |
| if (current != &containerBlock) |
| staticPosition -= currentBlock.logicalWidth() - (boxInfo->logicalLeft() + boxInfo->logicalWidth()); |
| if (current == &enclosingBox) |
| staticPosition += enclosingBox.logicalWidth() - boxInfo->logicalWidth(); |
| } |
| } |
| if (current == &containerBlock) |
| break; |
| } |
| logicalRight.setValue(LengthType::Fixed, staticPosition); |
| } |
| } |
| |
| void RenderBox::computePositionedLogicalWidth(LogicalExtentComputedValues& computedValues, RenderFragmentContainer* fragment) const |
| { |
| if (isReplacedOrInlineBlock()) { |
| // FIXME: Positioned replaced elements inside a flow thread are not working properly |
| // with variable width fragments (see https://bugs.webkit.org/show_bug.cgi?id=69896 ). |
| computePositionedLogicalWidthReplaced(computedValues); |
| return; |
| } |
| |
| // QUESTIONS |
| // FIXME 1: Should we still deal with these the cases of 'left' or 'right' having |
| // the type 'static' in determining whether to calculate the static distance? |
| // NOTE: 'static' is not a legal value for 'left' or 'right' as of CSS 2.1. |
| |
| // FIXME 2: Can perhaps optimize out cases when max-width/min-width are greater |
| // than or less than the computed width(). Be careful of box-sizing and |
| // percentage issues. |
| |
| // The following is based off of the W3C Working Draft from April 11, 2006 of |
| // CSS 2.1: Section 10.3.7 "Absolutely positioned, non-replaced elements" |
| // <http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width> |
| // (block-style-comments in this function and in computePositionedLogicalWidthUsing() |
| // correspond to text from the spec) |
| |
| |
| // We don't use containingBlock(), since we may be positioned by an enclosing |
| // relative positioned inline. |
| const RenderBoxModelObject& containerBlock = downcast<RenderBoxModelObject>(*container()); |
| |
| const LayoutUnit containerLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock, fragment); |
| |
| // Use the container block's direction except when calculating the static distance |
| // This conforms with the reference results for abspos-replaced-width-margin-000.htm |
| // of the CSS 2.1 test suite |
| TextDirection containerDirection = containerBlock.style().direction(); |
| |
| bool isHorizontal = isHorizontalWritingMode(); |
| const LayoutUnit bordersPlusPadding = borderAndPaddingLogicalWidth(); |
| const Length marginLogicalLeft = isHorizontal ? style().marginLeft() : style().marginTop(); |
| const Length marginLogicalRight = isHorizontal ? style().marginRight() : style().marginBottom(); |
| |
| Length logicalLeftLength = style().logicalLeft(); |
| Length logicalRightLength = style().logicalRight(); |
| |
| /*---------------------------------------------------------------------------*\ |
| * For the purposes of this section and the next, the term "static position" |
| * (of an element) refers, roughly, to the position an element would have had |
| * in the normal flow. More precisely: |
| * |
| * * The static position for 'left' is the distance from the left edge of the |
| * containing block to the left margin edge of a hypothetical box that would |
| * have been the first box of the element if its 'position' property had |
| * been 'static' and 'float' had been 'none'. The value is negative if the |
| * hypothetical box is to the left of the containing block. |
| * * The static position for 'right' is the distance from the right edge of the |
| * containing block to the right margin edge of the same hypothetical box as |
| * above. The value is positive if the hypothetical box is to the left of the |
| * containing block's edge. |
| * |
| * But rather than actually calculating the dimensions of that hypothetical box, |
| * user agents are free to make a guess at its probable position. |
| * |
| * For the purposes of calculating the static position, the containing block of |
| * fixed positioned elements is the initial containing block instead of the |
| * viewport, and all scrollable boxes should be assumed to be scrolled to their |
| * origin. |
| \*---------------------------------------------------------------------------*/ |
| |
| // see FIXME 1 |
| // Calculate the static distance if needed. |
| computeInlineStaticDistance(logicalLeftLength, logicalRightLength, this, containerBlock, containerLogicalWidth, fragment); |
| |
| // Calculate constraint equation values for 'width' case. |
| computePositionedLogicalWidthUsing(MainOrPreferredSize, style().logicalWidth(), containerBlock, containerDirection, |
| containerLogicalWidth, bordersPlusPadding, |
| logicalLeftLength, logicalRightLength, marginLogicalLeft, marginLogicalRight, |
| computedValues); |
| |
| LayoutUnit transferredMinSize = LayoutUnit::min(); |
| LayoutUnit transferredMaxSize = LayoutUnit::max(); |
| if (shouldComputeLogicalHeightFromAspectRatio()) |
| std::tie(transferredMinSize, transferredMaxSize) = computeMinMaxLogicalWidthFromAspectRatio(); |
| |
| LogicalExtentComputedValues maxValues; |
| maxValues.m_extent = LayoutUnit::max(); |
| // Calculate constraint equation values for 'max-width' case. |
| if (!style().logicalMaxWidth().isUndefined()) { |
| computePositionedLogicalWidthUsing(MaxSize, style().logicalMaxWidth(), containerBlock, containerDirection, |
| containerLogicalWidth, bordersPlusPadding, |
| logicalLeftLength, logicalRightLength, marginLogicalLeft, marginLogicalRight, |
| maxValues); |
| } |
| if (transferredMaxSize < maxValues.m_extent) { |
| computePositionedLogicalWidthUsing(MaxSize, Length(transferredMaxSize, LengthType::Fixed), containerBlock, containerDirection, |
| containerLogicalWidth, bordersPlusPadding, |
| logicalLeftLength, logicalRightLength, marginLogicalLeft, marginLogicalRight, |
| maxValues); |
| } |
| if (computedValues.m_extent > maxValues.m_extent) { |
| computedValues.m_extent = maxValues.m_extent; |
| computedValues.m_position = maxValues.m_position; |
| computedValues.m_margins.m_start = maxValues.m_margins.m_start; |
| computedValues.m_margins.m_end = maxValues.m_margins.m_end; |
| } |
| |
| LogicalExtentComputedValues minValues; |
| minValues.m_extent = LayoutUnit::min(); |
| // Calculate constraint equation values for 'min-width' case. |
| if (!style().logicalMinWidth().isZero() || style().logicalMinWidth().isIntrinsic()) { |
| computePositionedLogicalWidthUsing(MinSize, style().logicalMinWidth(), containerBlock, containerDirection, |
| containerLogicalWidth, bordersPlusPadding, |
| logicalLeftLength, logicalRightLength, marginLogicalLeft, marginLogicalRight, |
| minValues); |
| } |
| if (transferredMinSize > minValues.m_extent) { |
| computePositionedLogicalWidthUsing(MinSize, Length(transferredMinSize, LengthType::Fixed), containerBlock, containerDirection, |
| containerLogicalWidth, bordersPlusPadding, |
| logicalLeftLength, logicalRightLength, marginLogicalLeft, marginLogicalRight, |
| minValues); |
| } |
| if (computedValues.m_extent < minValues.m_extent) { |
| computedValues.m_extent = minValues.m_extent; |
| computedValues.m_position = minValues.m_position; |
| computedValues.m_margins.m_start = minValues.m_margins.m_start; |
| computedValues.m_margins.m_end = minValues.m_margins.m_end; |
| } |
| |
| computedValues.m_extent += bordersPlusPadding; |
| if (is<RenderBox>(containerBlock)) { |
| auto& containingBox = downcast<RenderBox>(containerBlock); |
| if (containingBox.shouldPlaceVerticalScrollbarOnLeft() && isHorizontalWritingMode()) |
| computedValues.m_position += containingBox.verticalScrollbarWidth(); |
| } |
| |
| // Adjust logicalLeft if we need to for the flipped version of our writing mode in fragments. |
| // FIXME: Add support for other types of objects as containerBlock, not only RenderBlock. |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow && !fragment && isWritingModeRoot() && isHorizontalWritingMode() == containerBlock.isHorizontalWritingMode() && is<RenderBlock>(containerBlock)) { |
| ASSERT(containerBlock.canHaveBoxInfoInFragment()); |
| LayoutUnit logicalLeftPos = computedValues.m_position; |
| const RenderBlock& renderBlock = downcast<RenderBlock>(containerBlock); |
| LayoutUnit cbPageOffset = renderBlock.offsetFromLogicalTopOfFirstPage(); |
| RenderFragmentContainer* cbFragment = renderBlock.fragmentAtBlockOffset(cbPageOffset); |
| if (cbFragment) { |
| RenderBoxFragmentInfo* boxInfo = renderBlock.renderBoxFragmentInfo(cbFragment); |
| if (boxInfo) { |
| logicalLeftPos += boxInfo->logicalLeft(); |
| computedValues.m_position = logicalLeftPos; |
| } |
| } |
| } |
| } |
| |
| static void computeLogicalLeftPositionedOffset(LayoutUnit& logicalLeftPos, const RenderBox* child, LayoutUnit logicalWidthValue, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalWidth, bool logicalLeftIsAuto, bool logicalRightIsAuto) |
| { |
| auto logicalLeftAndRightAreAuto = logicalLeftIsAuto && logicalRightIsAuto; |
| bool isOverconstrained = !logicalLeftIsAuto && !logicalRightIsAuto && !child->style().logicalWidth().isAuto(); |
| // Deal with differing writing modes here. Our offset needs to be in the containing block's coordinate space. If the containing block is flipped |
| // along this axis, then we need to flip the coordinate. Auto positioned items do not need this correction as it was properly handled in |
| // computeInlineStaticDistance(). |
| if (isOrthogonal(*child, containerBlock) && !logicalLeftAndRightAreAuto && !isOverconstrained && containerBlock.style().isFlippedBlocksWritingMode()) { |
| logicalLeftPos = containerLogicalWidth - logicalWidthValue - logicalLeftPos; |
| logicalLeftPos += (child->isHorizontalWritingMode() ? containerBlock.borderRight() : containerBlock.borderBottom()); |
| } else |
| logicalLeftPos += (child->isHorizontalWritingMode() ? containerBlock.borderLeft() : containerBlock.borderTop()); |
| } |
| |
| void RenderBox::computePositionedLogicalWidthUsing(SizeType widthType, Length logicalWidth, const RenderBoxModelObject& containerBlock, TextDirection containerDirection, |
| LayoutUnit containerLogicalWidth, LayoutUnit bordersPlusPadding, |
| Length logicalLeft, Length logicalRight, Length marginLogicalLeft, Length marginLogicalRight, |
| LogicalExtentComputedValues& computedValues) const |
| { |
| ASSERT(widthType == MinSize || widthType == MainOrPreferredSize || !logicalWidth.isAuto()); |
| auto originalLogicalWidthType = logicalWidth.type(); |
| if (widthType == MinSize && logicalWidth.isAuto()) { |
| if (shouldComputeLogicalWidthFromAspectRatio()) { |
| LayoutUnit minLogicalWidth; |
| LayoutUnit maxLogicalWidth; |
| computeIntrinsicLogicalWidths(minLogicalWidth, maxLogicalWidth); |
| logicalWidth = Length(minLogicalWidth, LengthType::Fixed); |
| } else |
| logicalWidth = Length(0, LengthType::Fixed); |
| } else if (widthType == MainOrPreferredSize && logicalWidth.isAuto() && shouldComputeLogicalWidthFromAspectRatio()) |
| logicalWidth = Length(computeLogicalWidthFromAspectRatio(), LengthType::Fixed); |
| else if (logicalWidth.isIntrinsic()) |
| logicalWidth = Length(computeIntrinsicLogicalWidthUsing(logicalWidth, containerLogicalWidth, bordersPlusPadding) - bordersPlusPadding, LengthType::Fixed); |
| |
| // 'left' and 'right' cannot both be 'auto' because one would of been |
| // converted to the static position already |
| ASSERT(!(logicalLeft.isAuto() && logicalRight.isAuto())); |
| |
| LayoutUnit logicalLeftValue; |
| |
| const LayoutUnit containerRelativeLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock, nullptr, false); |
| |
| bool logicalWidthIsAuto = logicalWidth.isIntrinsicOrAuto() && !shouldComputeLogicalWidthFromAspectRatio(); |
| bool logicalLeftIsAuto = logicalLeft.isAuto(); |
| bool logicalRightIsAuto = logicalRight.isAuto(); |
| LayoutUnit& marginLogicalLeftValue = style().isLeftToRightDirection() ? computedValues.m_margins.m_start : computedValues.m_margins.m_end; |
| LayoutUnit& marginLogicalRightValue = style().isLeftToRightDirection() ? computedValues.m_margins.m_end : computedValues.m_margins.m_start; |
| |
| if (!logicalLeftIsAuto && !logicalWidthIsAuto && !logicalRightIsAuto) { |
| /*-----------------------------------------------------------------------*\ |
| * If none of the three is 'auto': If both 'margin-left' and 'margin- |
| * right' are 'auto', solve the equation under the extra constraint that |
| * the two margins get equal values, unless this would make them negative, |
| * in which case when direction of the containing block is 'ltr' ('rtl'), |
| * set 'margin-left' ('margin-right') to zero and solve for 'margin-right' |
| * ('margin-left'). If one of 'margin-left' or 'margin-right' is 'auto', |
| * solve the equation for that value. If the values are over-constrained, |
| * ignore the value for 'left' (in case the 'direction' property of the |
| * containing block is 'rtl') or 'right' (in case 'direction' is 'ltr') |
| * and solve for that value. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: It is not necessary to solve for 'right' in the over constrained |
| // case because the value is not used for any further calculations. |
| |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| computedValues.m_extent = adjustContentBoxLogicalWidthForBoxSizing(valueForLength(logicalWidth, containerLogicalWidth), originalLogicalWidthType); |
| |
| const LayoutUnit availableSpace = containerLogicalWidth - (logicalLeftValue + computedValues.m_extent + valueForLength(logicalRight, containerLogicalWidth) + bordersPlusPadding); |
| |
| // Margins are now the only unknown |
| if (marginLogicalLeft.isAuto() && marginLogicalRight.isAuto()) { |
| // Both margins auto, solve for equality |
| if (availableSpace >= 0) { |
| marginLogicalLeftValue = availableSpace / 2; // split the difference |
| marginLogicalRightValue = availableSpace - marginLogicalLeftValue; // account for odd valued differences |
| } else { |
| // Use the containing block's direction rather than the parent block's |
| // per CSS 2.1 reference test abspos-non-replaced-width-margin-000. |
| if (containerDirection == TextDirection::LTR) { |
| marginLogicalLeftValue = 0; |
| marginLogicalRightValue = availableSpace; // will be negative |
| } else { |
| marginLogicalLeftValue = availableSpace; // will be negative |
| marginLogicalRightValue = 0; |
| } |
| } |
| } else if (marginLogicalLeft.isAuto()) { |
| // Solve for left margin |
| marginLogicalRightValue = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| marginLogicalLeftValue = availableSpace - marginLogicalRightValue; |
| } else if (marginLogicalRight.isAuto()) { |
| // Solve for right margin |
| marginLogicalLeftValue = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightValue = availableSpace - marginLogicalLeftValue; |
| } else { |
| // Over-constrained, solve for left if direction is RTL |
| marginLogicalLeftValue = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightValue = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| |
| // Use the containing block's direction rather than the parent block's |
| // per CSS 2.1 reference test abspos-non-replaced-width-margin-000. |
| if (!isOrthogonal(*this, containerBlock) && containerDirection == TextDirection::RTL) |
| logicalLeftValue = (availableSpace + logicalLeftValue) - marginLogicalLeftValue - marginLogicalRightValue; |
| } |
| } else { |
| /*--------------------------------------------------------------------*\ |
| * Otherwise, set 'auto' values for 'margin-left' and 'margin-right' |
| * to 0, and pick the one of the following six rules that applies. |
| * |
| * 1. 'left' and 'width' are 'auto' and 'right' is not 'auto', then the |
| * width is shrink-to-fit. Then solve for 'left' |
| * |
| * OMIT RULE 2 AS IT SHOULD NEVER BE HIT |
| * ------------------------------------------------------------------ |
| * 2. 'left' and 'right' are 'auto' and 'width' is not 'auto', then if |
| * the 'direction' property of the containing block is 'ltr' set |
| * 'left' to the static position, otherwise set 'right' to the |
| * static position. Then solve for 'left' (if 'direction is 'rtl') |
| * or 'right' (if 'direction' is 'ltr'). |
| * ------------------------------------------------------------------ |
| * |
| * 3. 'width' and 'right' are 'auto' and 'left' is not 'auto', then the |
| * width is shrink-to-fit . Then solve for 'right' |
| * 4. 'left' is 'auto', 'width' and 'right' are not 'auto', then solve |
| * for 'left' |
| * 5. 'width' is 'auto', 'left' and 'right' are not 'auto', then solve |
| * for 'width' |
| * 6. 'right' is 'auto', 'left' and 'width' are not 'auto', then solve |
| * for 'right' |
| * |
| * Calculation of the shrink-to-fit width is similar to calculating the |
| * width of a table cell using the automatic table layout algorithm. |
| * Roughly: calculate the preferred width by formatting the content |
| * without breaking lines other than where explicit line breaks occur, |
| * and also calculate the preferred minimum width, e.g., by trying all |
| * possible line breaks. CSS 2.1 does not define the exact algorithm. |
| * Thirdly, calculate the available width: this is found by solving |
| * for 'width' after setting 'left' (in case 1) or 'right' (in case 3) |
| * to 0. |
| * |
| * Then the shrink-to-fit width is: |
| * min(max(preferred minimum width, available width), preferred width). |
| \*--------------------------------------------------------------------*/ |
| // NOTE: For rules 3 and 6 it is not necessary to solve for 'right' |
| // because the value is not used for any further calculations. |
| |
| // Calculate margins, 'auto' margins are ignored. |
| marginLogicalLeftValue = minimumValueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightValue = minimumValueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| |
| const LayoutUnit availableSpace = containerLogicalWidth - (marginLogicalLeftValue + marginLogicalRightValue + bordersPlusPadding); |
| |
| // FIXME: Is there a faster way to find the correct case? |
| // Use rule/case that applies. |
| if (logicalLeftIsAuto && logicalWidthIsAuto && !logicalRightIsAuto) { |
| // RULE 1: (use shrink-to-fit for width, and solve of left) |
| LayoutUnit logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| |
| // FIXME: would it be better to have shrink-to-fit in one step? |
| LayoutUnit preferredWidth = maxPreferredLogicalWidth() - bordersPlusPadding; |
| LayoutUnit preferredMinWidth = minPreferredLogicalWidth() - bordersPlusPadding; |
| LayoutUnit availableWidth = availableSpace - logicalRightValue; |
| computedValues.m_extent = std::min(std::max(preferredMinWidth, availableWidth), preferredWidth); |
| logicalLeftValue = availableSpace - (computedValues.m_extent + logicalRightValue); |
| } else if (!logicalLeftIsAuto && logicalWidthIsAuto && logicalRightIsAuto) { |
| // RULE 3: (use shrink-to-fit for width, and no need solve of right) |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| |
| // FIXME: would it be better to have shrink-to-fit in one step? |
| LayoutUnit preferredWidth = maxPreferredLogicalWidth() - bordersPlusPadding; |
| LayoutUnit preferredMinWidth = minPreferredLogicalWidth() - bordersPlusPadding; |
| LayoutUnit availableWidth = availableSpace - logicalLeftValue; |
| computedValues.m_extent = std::min(std::max(preferredMinWidth, availableWidth), preferredWidth); |
| } else if (logicalLeftIsAuto && !logicalWidthIsAuto && !logicalRightIsAuto) { |
| // RULE 4: (solve for left) |
| computedValues.m_extent = adjustContentBoxLogicalWidthForBoxSizing(valueForLength(logicalWidth, containerLogicalWidth), originalLogicalWidthType); |
| logicalLeftValue = availableSpace - (computedValues.m_extent + valueForLength(logicalRight, containerLogicalWidth)); |
| } else if (!logicalLeftIsAuto && logicalWidthIsAuto && !logicalRightIsAuto) { |
| // RULE 5: (solve for width) |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| computedValues.m_extent = availableSpace - (logicalLeftValue + valueForLength(logicalRight, containerLogicalWidth)); |
| } else if (!logicalLeftIsAuto && !logicalWidthIsAuto && logicalRightIsAuto) { |
| // RULE 6: (no need solve for right) |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| computedValues.m_extent = adjustContentBoxLogicalWidthForBoxSizing(valueForLength(logicalWidth, containerLogicalWidth), originalLogicalWidthType); |
| } |
| } |
| |
| // Use computed values to calculate the horizontal position. |
| |
| // FIXME: This hack is needed to calculate the logical left position for a 'rtl' relatively |
| // positioned, inline because right now, it is using the logical left position |
| // of the first line box when really it should use the last line box. When |
| // this is fixed elsewhere, this block should be removed. |
| if (is<RenderInline>(containerBlock) && !containerBlock.style().isLeftToRightDirection()) { |
| const auto& flow = downcast<RenderInline>(containerBlock); |
| LegacyInlineFlowBox* firstLine = flow.firstLineBox(); |
| LegacyInlineFlowBox* lastLine = flow.lastLineBox(); |
| if (firstLine && lastLine && firstLine != lastLine) { |
| computedValues.m_position = logicalLeftValue + marginLogicalLeftValue + lastLine->borderLogicalLeft() + (lastLine->logicalLeft() - firstLine->logicalLeft()); |
| return; |
| } |
| } |
| |
| computedValues.m_position = logicalLeftValue + marginLogicalLeftValue; |
| computeLogicalLeftPositionedOffset(computedValues.m_position, this, computedValues.m_extent + bordersPlusPadding, containerBlock, containerLogicalWidth, style().logicalLeft().isAuto(), style().logicalRight().isAuto()); |
| } |
| |
| static void computeBlockStaticDistance(Length& logicalTop, Length& logicalBottom, const RenderBox* child, const RenderBoxModelObject& containerBlock) |
| { |
| if (!logicalTop.isAuto() || !logicalBottom.isAuto()) |
| return; |
| |
| auto* parent = child->parent(); |
| |
| // The static positions from the child's layer are relative to the container block's coordinate space (which is determined |
| // by the writing mode and text direction), meaning that for orthogonal flows the logical top of the child (which depends on |
| // the child's writing mode) is retrieved from the static inline position instead of the static block position. |
| LayoutUnit staticLogicalTop = isOrthogonal(*child, *parent) ? child->layer()->staticInlinePosition() - containerBlock.borderLogicalLeft() : child->layer()->staticBlockPosition() - containerBlock.borderBefore(); |
| for (RenderElement* container = child->parent(); container && container != &containerBlock; container = container->container()) { |
| if (!is<RenderBox>(*container)) |
| continue; |
| const auto& renderBox = downcast<RenderBox>(*container); |
| if (!is<RenderTableRow>(renderBox)) |
| staticLogicalTop += isOrthogonal(*child, *parent) ? renderBox.logicalLeft() : renderBox.logicalTop(); |
| if (renderBox.isInFlowPositioned()) |
| staticLogicalTop += renderBox.isHorizontalWritingMode() ? renderBox.offsetForInFlowPosition().height() : renderBox.offsetForInFlowPosition().width(); |
| } |
| |
| // If the parent is RTL then we need to flip the coordinate by setting the logical bottom instead of the logical top. That only needs |
| // to be done in case of orthogonal writing modes, for horizontal ones the text direction of the parent does not affect the block position. |
| if (parent->style().direction() != TextDirection::LTR && isOrthogonal(*child, *parent)) |
| logicalBottom.setValue(LengthType::Fixed, staticLogicalTop); |
| else |
| logicalTop.setValue(LengthType::Fixed, staticLogicalTop); |
| } |
| |
| void RenderBox::computePositionedLogicalHeight(LogicalExtentComputedValues& computedValues) const |
| { |
| if (isReplacedOrInlineBlock()) { |
| computePositionedLogicalHeightReplaced(computedValues); |
| return; |
| } |
| |
| // The following is based off of the W3C Working Draft from April 11, 2006 of |
| // CSS 2.1: Section 10.6.4 "Absolutely positioned, non-replaced elements" |
| // <http://www.w3.org/TR/2005/WD-CSS21-20050613/visudet.html#abs-non-replaced-height> |
| // (block-style-comments in this function and in computePositionedLogicalHeightUsing() |
| // correspond to text from the spec) |
| |
| |
| // We don't use containingBlock(), since we may be positioned by an enclosing relpositioned inline. |
| const RenderBoxModelObject& containerBlock = downcast<RenderBoxModelObject>(*container()); |
| |
| const LayoutUnit containerLogicalHeight = containingBlockLogicalHeightForPositioned(containerBlock); |
| |
| const RenderStyle& styleToUse = style(); |
| const LayoutUnit bordersPlusPadding = borderAndPaddingLogicalHeight(); |
| const Length marginBefore = styleToUse.marginBefore(); |
| const Length marginAfter = styleToUse.marginAfter(); |
| Length logicalTopLength = styleToUse.logicalTop(); |
| Length logicalBottomLength = styleToUse.logicalBottom(); |
| |
| /*---------------------------------------------------------------------------*\ |
| * For the purposes of this section and the next, the term "static position" |
| * (of an element) refers, roughly, to the position an element would have had |
| * in the normal flow. More precisely, the static position for 'top' is the |
| * distance from the top edge of the containing block to the top margin edge |
| * of a hypothetical box that would have been the first box of the element if |
| * its 'position' property had been 'static' and 'float' had been 'none'. The |
| * value is negative if the hypothetical box is above the containing block. |
| * |
| * But rather than actually calculating the dimensions of that hypothetical |
| * box, user agents are free to make a guess at its probable position. |
| * |
| * For the purposes of calculating the static position, the containing block |
| * of fixed positioned elements is the initial containing block instead of |
| * the viewport. |
| \*---------------------------------------------------------------------------*/ |
| |
| // see FIXME 1 |
| // Calculate the static distance if needed. |
| computeBlockStaticDistance(logicalTopLength, logicalBottomLength, this, containerBlock); |
| |
| // Calculate constraint equation values for 'height' case. |
| LayoutUnit logicalHeight = computedValues.m_extent; |
| computePositionedLogicalHeightUsing(MainOrPreferredSize, styleToUse.logicalHeight(), containerBlock, containerLogicalHeight, bordersPlusPadding, logicalHeight, |
| logicalTopLength, logicalBottomLength, marginBefore, marginAfter, |
| computedValues); |
| |
| // Avoid doing any work in the common case (where the values of min-height and max-height are their defaults). |
| // see FIXME 2 |
| |
| // Calculate constraint equation values for 'max-height' case. |
| if (!styleToUse.logicalMaxHeight().isUndefined()) { |
| LogicalExtentComputedValues maxValues; |
| |
| computePositionedLogicalHeightUsing(MaxSize, styleToUse.logicalMaxHeight(), containerBlock, containerLogicalHeight, bordersPlusPadding, logicalHeight, |
| logicalTopLength, logicalBottomLength, marginBefore, marginAfter, |
| maxValues); |
| |
| if (computedValues.m_extent > maxValues.m_extent) { |
| computedValues.m_extent = maxValues.m_extent; |
| computedValues.m_position = maxValues.m_position; |
| computedValues.m_margins.m_before = maxValues.m_margins.m_before; |
| computedValues.m_margins.m_after = maxValues.m_margins.m_after; |
| } |
| } |
| |
| // Calculate constraint equation values for 'min-height' case. |
| Length logicalMinHeight = styleToUse.logicalMinHeight(); |
| if (logicalMinHeight.isAuto() || !logicalMinHeight.isZero() || logicalMinHeight.isIntrinsic()) { |
| LogicalExtentComputedValues minValues; |
| |
| computePositionedLogicalHeightUsing(MinSize, styleToUse.logicalMinHeight(), containerBlock, containerLogicalHeight, bordersPlusPadding, logicalHeight, |
| logicalTopLength, logicalBottomLength, marginBefore, marginAfter, |
| minValues); |
| |
| if (computedValues.m_extent < minValues.m_extent) { |
| computedValues.m_extent = minValues.m_extent; |
| computedValues.m_position = minValues.m_position; |
| computedValues.m_margins.m_before = minValues.m_margins.m_before; |
| computedValues.m_margins.m_after = minValues.m_margins.m_after; |
| } |
| } |
| |
| // Set final height value. |
| computedValues.m_extent += bordersPlusPadding; |
| |
| // Adjust logicalTop if we need to for perpendicular writing modes in fragments. |
| // FIXME: Add support for other types of objects as containerBlock, not only RenderBlock. |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow && isHorizontalWritingMode() != containerBlock.isHorizontalWritingMode() && is<RenderBlock>(containerBlock)) { |
| ASSERT(containerBlock.canHaveBoxInfoInFragment()); |
| LayoutUnit logicalTopPos = computedValues.m_position; |
| const RenderBlock& renderBox = downcast<RenderBlock>(containerBlock); |
| LayoutUnit cbPageOffset = renderBox.offsetFromLogicalTopOfFirstPage() - logicalLeft(); |
| RenderFragmentContainer* cbFragment = renderBox.fragmentAtBlockOffset(cbPageOffset); |
| if (cbFragment) { |
| RenderBoxFragmentInfo* boxInfo = renderBox.renderBoxFragmentInfo(cbFragment); |
| if (boxInfo) { |
| logicalTopPos += boxInfo->logicalLeft(); |
| computedValues.m_position = logicalTopPos; |
| } |
| } |
| } |
| } |
| |
| // The |containerLogicalHeightForPositioned| is already aware of orthogonal flows. |
| // The logicalTop concept is confusing here. It's the logical top from the child's POV. This means that is the physical |
| // y if the child is vertical or the physical x if the child is horizontal. |
| static void computeLogicalTopPositionedOffset(LayoutUnit& logicalTopPos, const RenderBox* child, LayoutUnit logicalHeightValue, const RenderBoxModelObject& containerBlock, LayoutUnit containerLogicalHeightForPositioned) |
| { |
| auto logicalTopAndBottomAreAuto = child->style().logicalTop().isAuto() && child->style().logicalBottom().isAuto(); |
| auto haveOrthogonalWritingModes = isOrthogonal(*child, containerBlock); |
| auto haveFlippedBlockAxis = child->style().isFlippedBlocksWritingMode() != containerBlock.style().isFlippedBlocksWritingMode(); |
| |
| // Deal with differing writing modes here. Our offset needs to be in the containing block's coordinate space. If the containing block is flipped |
| // along this axis, then we need to flip the coordinate. This can only happen if the containing block is both a flipped mode and perpendicular to us. |
| if ((haveOrthogonalWritingModes && !logicalTopAndBottomAreAuto && child->style().isFlippedBlocksWritingMode()) |
| || (haveFlippedBlockAxis && !haveOrthogonalWritingModes)) |
| logicalTopPos = containerLogicalHeightForPositioned - logicalHeightValue - logicalTopPos; |
| |
| // Our offset is from the logical bottom edge in a flipped environment, e.g., right for vertical-rl and bottom for horizontal-bt. |
| if (containerBlock.style().isFlippedBlocksWritingMode() && !haveOrthogonalWritingModes) { |
| if (child->isHorizontalWritingMode()) |
| logicalTopPos += containerBlock.borderBottom(); |
| else |
| logicalTopPos += containerBlock.borderRight(); |
| } else { |
| if (child->isHorizontalWritingMode()) |
| logicalTopPos += containerBlock.borderTop(); |
| else |
| logicalTopPos += containerBlock.borderLeft(); |
| } |
| } |
| |
| void RenderBox::computePositionedLogicalHeightUsing(SizeType heightType, Length logicalHeightLength, const RenderBoxModelObject& containerBlock, |
| LayoutUnit containerLogicalHeight, LayoutUnit bordersPlusPadding, LayoutUnit logicalHeight, |
| Length logicalTop, Length logicalBottom, Length marginBefore, Length marginAfter, |
| LogicalExtentComputedValues& computedValues) const |
| { |
| ASSERT(heightType == MinSize || heightType == MainOrPreferredSize || !logicalHeightLength.isAuto()); |
| if (heightType == MinSize && logicalHeightLength.isAuto()) { |
| if (shouldComputeLogicalHeightFromAspectRatio()) |
| logicalHeightLength = Length(logicalHeight, LengthType::Fixed); |
| else |
| logicalHeightLength = Length(0, LengthType::Fixed); |
| } |
| |
| // 'top' and 'bottom' cannot both be 'auto' because 'top would of been |
| // converted to the static position in computePositionedLogicalHeight() |
| ASSERT(!(logicalTop.isAuto() && logicalBottom.isAuto())); |
| |
| LayoutUnit logicalHeightValue; |
| LayoutUnit contentLogicalHeight = logicalHeight - bordersPlusPadding; |
| |
| const LayoutUnit containerRelativeLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock, nullptr, false); |
| |
| LayoutUnit logicalTopValue; |
| |
| bool fromAspectRatio = heightType == MainOrPreferredSize && shouldComputeLogicalHeightFromAspectRatio(); |
| bool logicalHeightIsAuto = logicalHeightLength.isAuto() && !fromAspectRatio; |
| bool logicalTopIsAuto = logicalTop.isAuto(); |
| bool logicalBottomIsAuto = logicalBottom.isAuto(); |
| |
| // Height is never unsolved for tables. |
| LayoutUnit resolvedLogicalHeight; |
| if (isTable()) { |
| resolvedLogicalHeight = contentLogicalHeight; |
| logicalHeightIsAuto = false; |
| } else { |
| if (logicalHeightLength.isIntrinsic()) |
| resolvedLogicalHeight = adjustContentBoxLogicalHeightForBoxSizing(computeIntrinsicLogicalContentHeightUsing(logicalHeightLength, contentLogicalHeight, bordersPlusPadding).value_or(0_lu)); |
| else if (fromAspectRatio) { |
| resolvedLogicalHeight = blockSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalWidth()); |
| resolvedLogicalHeight = std::max(LayoutUnit(), resolvedLogicalHeight - bordersPlusPadding); |
| } else |
| resolvedLogicalHeight = adjustContentBoxLogicalHeightForBoxSizing(valueForLength(logicalHeightLength, containerLogicalHeight)); |
| } |
| |
| if (!logicalTopIsAuto && !logicalHeightIsAuto && !logicalBottomIsAuto) { |
| /*-----------------------------------------------------------------------*\ |
| * If none of the three are 'auto': If both 'margin-top' and 'margin- |
| * bottom' are 'auto', solve the equation under the extra constraint that |
| * the two margins get equal values. If one of 'margin-top' or 'margin- |
| * bottom' is 'auto', solve the equation for that value. If the values |
| * are over-constrained, ignore the value for 'bottom' and solve for that |
| * value. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: It is not necessary to solve for 'bottom' in the over constrained |
| // case because the value is not used for any further calculations. |
| |
| logicalHeightValue = resolvedLogicalHeight; |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| |
| const LayoutUnit availableSpace = containerLogicalHeight - (logicalTopValue + logicalHeightValue + valueForLength(logicalBottom, containerLogicalHeight) + bordersPlusPadding); |
| |
| // Margins are now the only unknown |
| if (marginBefore.isAuto() && marginAfter.isAuto()) { |
| // Both margins auto, solve for equality |
| // NOTE: This may result in negative values. |
| computedValues.m_margins.m_before = availableSpace / 2; // split the difference |
| computedValues.m_margins.m_after = availableSpace - computedValues.m_margins.m_before; // account for odd valued differences |
| } else if (marginBefore.isAuto()) { |
| // Solve for top margin |
| computedValues.m_margins.m_after = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| computedValues.m_margins.m_before = availableSpace - computedValues.m_margins.m_after; |
| } else if (marginAfter.isAuto()) { |
| // Solve for bottom margin |
| computedValues.m_margins.m_before = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| computedValues.m_margins.m_after = availableSpace - computedValues.m_margins.m_before; |
| } else { |
| // Over-constrained, (no need solve for bottom) |
| computedValues.m_margins.m_before = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| computedValues.m_margins.m_after = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| } |
| } else { |
| /*--------------------------------------------------------------------*\ |
| * Otherwise, set 'auto' values for 'margin-top' and 'margin-bottom' |
| * to 0, and pick the one of the following six rules that applies. |
| * |
| * 1. 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then |
| * the height is based on the content, and solve for 'top'. |
| * |
| * OMIT RULE 2 AS IT SHOULD NEVER BE HIT |
| * ------------------------------------------------------------------ |
| * 2. 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then |
| * set 'top' to the static position, and solve for 'bottom'. |
| * ------------------------------------------------------------------ |
| * |
| * 3. 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then |
| * the height is based on the content, and solve for 'bottom'. |
| * 4. 'top' is 'auto', 'height' and 'bottom' are not 'auto', and |
| * solve for 'top'. |
| * 5. 'height' is 'auto', 'top' and 'bottom' are not 'auto', and |
| * solve for 'height'. |
| * 6. 'bottom' is 'auto', 'top' and 'height' are not 'auto', and |
| * solve for 'bottom'. |
| \*--------------------------------------------------------------------*/ |
| // NOTE: For rules 3 and 6 it is not necessary to solve for 'bottom' |
| // because the value is not used for any further calculations. |
| |
| // Calculate margins, 'auto' margins are ignored. |
| computedValues.m_margins.m_before = minimumValueForLength(marginBefore, containerRelativeLogicalWidth); |
| computedValues.m_margins.m_after = minimumValueForLength(marginAfter, containerRelativeLogicalWidth); |
| |
| const LayoutUnit availableSpace = containerLogicalHeight - (computedValues.m_margins.m_before + computedValues.m_margins.m_after + bordersPlusPadding); |
| |
| // Use rule/case that applies. |
| if (logicalTopIsAuto && logicalHeightIsAuto && !logicalBottomIsAuto) { |
| // RULE 1: (height is content based, solve of top) |
| logicalHeightValue = contentLogicalHeight; |
| logicalTopValue = availableSpace - (logicalHeightValue + valueForLength(logicalBottom, containerLogicalHeight)); |
| } else if (!logicalTopIsAuto && logicalHeightIsAuto && logicalBottomIsAuto) { |
| // RULE 3: (height is content based, no need solve of bottom) |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| logicalHeightValue = contentLogicalHeight; |
| } else if (logicalTopIsAuto && !logicalHeightIsAuto && !logicalBottomIsAuto) { |
| // RULE 4: (solve of top) |
| logicalHeightValue = resolvedLogicalHeight; |
| logicalTopValue = availableSpace - (logicalHeightValue + valueForLength(logicalBottom, containerLogicalHeight)); |
| } else if (!logicalTopIsAuto && logicalHeightIsAuto && !logicalBottomIsAuto) { |
| // RULE 5: (solve of height) |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| logicalHeightValue = std::max<LayoutUnit>(0, availableSpace - (logicalTopValue + valueForLength(logicalBottom, containerLogicalHeight))); |
| } else if (!logicalTopIsAuto && !logicalHeightIsAuto && logicalBottomIsAuto) { |
| // RULE 6: (no need solve of bottom) |
| logicalHeightValue = resolvedLogicalHeight; |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| } |
| } |
| computedValues.m_extent = logicalHeightValue; |
| |
| // Use computed values to calculate the vertical position. |
| computedValues.m_position = logicalTopValue + computedValues.m_margins.m_before; |
| computeLogicalTopPositionedOffset(computedValues.m_position, this, logicalHeightValue + bordersPlusPadding, containerBlock, containerLogicalHeight); |
| } |
| |
| void RenderBox::computePositionedLogicalWidthReplaced(LogicalExtentComputedValues& computedValues) const |
| { |
| // The following is based off of the W3C Working Draft from April 11, 2006 of |
| // CSS 2.1: Section 10.3.8 "Absolutely positioned, replaced elements" |
| // <http://www.w3.org/TR/2005/WD-CSS21-20050613/visudet.html#abs-replaced-width> |
| // (block-style-comments in this function correspond to text from the spec and |
| // the numbers correspond to numbers in spec) |
| |
| // We don't use containingBlock(), since we may be positioned by an enclosing |
| // relative positioned inline. |
| const RenderBoxModelObject& containerBlock = downcast<RenderBoxModelObject>(*container()); |
| |
| const LayoutUnit containerLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock); |
| const LayoutUnit containerRelativeLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock, nullptr, false); |
| |
| // To match WinIE, in quirks mode use the parent's 'direction' property |
| // instead of the container block's. |
| TextDirection containerDirection = containerBlock.style().direction(); |
| |
| // Variables to solve. |
| bool isHorizontal = isHorizontalWritingMode(); |
| Length logicalLeft = style().logicalLeft(); |
| Length logicalRight = style().logicalRight(); |
| Length marginLogicalLeft = isHorizontal ? style().marginLeft() : style().marginTop(); |
| Length marginLogicalRight = isHorizontal ? style().marginRight() : style().marginBottom(); |
| LayoutUnit& marginLogicalLeftAlias = style().isLeftToRightDirection() ? computedValues.m_margins.m_start : computedValues.m_margins.m_end; |
| LayoutUnit& marginLogicalRightAlias = style().isLeftToRightDirection() ? computedValues.m_margins.m_end : computedValues.m_margins.m_start; |
| |
| /*-----------------------------------------------------------------------*\ |
| * 1. The used value of 'width' is determined as for inline replaced |
| * elements. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: This value of width is final in that the min/max width calculations |
| // are dealt with in computeReplacedWidth(). This means that the steps to produce |
| // correct max/min in the non-replaced version, are not necessary. |
| computedValues.m_extent = computeReplacedLogicalWidth() + borderAndPaddingLogicalWidth(); |
| |
| const LayoutUnit availableSpace = containerLogicalWidth - computedValues.m_extent; |
| |
| /*-----------------------------------------------------------------------*\ |
| * 2. If both 'left' and 'right' have the value 'auto', then if 'direction' |
| * of the containing block is 'ltr', set 'left' to the static position; |
| * else if 'direction' is 'rtl', set 'right' to the static position. |
| \*-----------------------------------------------------------------------*/ |
| // see FIXME 1 |
| computeInlineStaticDistance(logicalLeft, logicalRight, this, containerBlock, containerLogicalWidth, nullptr); // FIXME: Pass the fragment. |
| |
| /*-----------------------------------------------------------------------*\ |
| * 3. If 'left' or 'right' are 'auto', replace any 'auto' on 'margin-left' |
| * or 'margin-right' with '0'. |
| \*-----------------------------------------------------------------------*/ |
| if (logicalLeft.isAuto() || logicalRight.isAuto()) { |
| if (marginLogicalLeft.isAuto()) |
| marginLogicalLeft.setValue(LengthType::Fixed, 0); |
| if (marginLogicalRight.isAuto()) |
| marginLogicalRight.setValue(LengthType::Fixed, 0); |
| } |
| |
| /*-----------------------------------------------------------------------*\ |
| * 4. If at this point both 'margin-left' and 'margin-right' are still |
| * 'auto', solve the equation under the extra constraint that the two |
| * margins must get equal values, unless this would make them negative, |
| * in which case when the direction of the containing block is 'ltr' |
| * ('rtl'), set 'margin-left' ('margin-right') to zero and solve for |
| * 'margin-right' ('margin-left'). |
| \*-----------------------------------------------------------------------*/ |
| LayoutUnit logicalLeftValue; |
| LayoutUnit logicalRightValue; |
| |
| if (marginLogicalLeft.isAuto() && marginLogicalRight.isAuto()) { |
| // 'left' and 'right' cannot be 'auto' due to step 3 |
| ASSERT(!(logicalLeft.isAuto() && logicalRight.isAuto())); |
| |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| |
| LayoutUnit difference = availableSpace - (logicalLeftValue + logicalRightValue); |
| if (difference > 0) { |
| marginLogicalLeftAlias = difference / 2; // split the difference |
| marginLogicalRightAlias = difference - marginLogicalLeftAlias; // account for odd valued differences |
| } else { |
| // Use the containing block's direction rather than the parent block's |
| // per CSS 2.1 reference test abspos-replaced-width-margin-000. |
| if (containerDirection == TextDirection::LTR) { |
| marginLogicalLeftAlias = 0; |
| marginLogicalRightAlias = difference; // will be negative |
| } else { |
| marginLogicalLeftAlias = difference; // will be negative |
| marginLogicalRightAlias = 0; |
| } |
| } |
| |
| /*-----------------------------------------------------------------------*\ |
| * 5. If at this point there is an 'auto' left, solve the equation for |
| * that value. |
| \*-----------------------------------------------------------------------*/ |
| } else if (logicalLeft.isAuto()) { |
| marginLogicalLeftAlias = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightAlias = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| |
| // Solve for 'left' |
| logicalLeftValue = availableSpace - (logicalRightValue + marginLogicalLeftAlias + marginLogicalRightAlias); |
| } else if (logicalRight.isAuto()) { |
| marginLogicalLeftAlias = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightAlias = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| |
| // Solve for 'right' |
| logicalRightValue = availableSpace - (logicalLeftValue + marginLogicalLeftAlias + marginLogicalRightAlias); |
| } else if (marginLogicalLeft.isAuto()) { |
| marginLogicalRightAlias = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| |
| // Solve for 'margin-left' |
| marginLogicalLeftAlias = availableSpace - (logicalLeftValue + logicalRightValue + marginLogicalRightAlias); |
| } else if (marginLogicalRight.isAuto()) { |
| marginLogicalLeftAlias = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| |
| // Solve for 'margin-right' |
| marginLogicalRightAlias = availableSpace - (logicalLeftValue + logicalRightValue + marginLogicalLeftAlias); |
| } else { |
| // Nothing is 'auto', just calculate the values. |
| marginLogicalLeftAlias = valueForLength(marginLogicalLeft, containerRelativeLogicalWidth); |
| marginLogicalRightAlias = valueForLength(marginLogicalRight, containerRelativeLogicalWidth); |
| logicalRightValue = valueForLength(logicalRight, containerLogicalWidth); |
| logicalLeftValue = valueForLength(logicalLeft, containerLogicalWidth); |
| // If the containing block is right-to-left, then push the left position as far to the right as possible |
| if (containerDirection == TextDirection::RTL) { |
| int totalLogicalWidth = computedValues.m_extent + logicalLeftValue + logicalRightValue + marginLogicalLeftAlias + marginLogicalRightAlias; |
| logicalLeftValue = containerLogicalWidth - (totalLogicalWidth - logicalLeftValue); |
| } |
| } |
| |
| /*-----------------------------------------------------------------------*\ |
| * 6. If at this point the values are over-constrained, ignore the value |
| * for either 'left' (in case the 'direction' property of the |
| * containing block is 'rtl') or 'right' (in case 'direction' is |
| * 'ltr') and solve for that value. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: Constraints imposed by the width of the containing block and its content have already been accounted for above. |
| |
| // FIXME: Deal with differing writing modes here. Our offset needs to be in the containing block's coordinate space, so that |
| // can make the result here rather complicated to compute. |
| |
| // Use computed values to calculate the horizontal position. |
| |
| // FIXME: This hack is needed to calculate the logical left position for a 'rtl' relatively |
| // positioned, inline containing block because right now, it is using the logical left position |
| // of the first line box when really it should use the last line box. When |
| // this is fixed elsewhere, this block should be removed. |
| if (is<RenderInline>(containerBlock) && !containerBlock.style().isLeftToRightDirection()) { |
| const auto& flow = downcast<RenderInline>(containerBlock); |
| LegacyInlineFlowBox* firstLine = flow.firstLineBox(); |
| LegacyInlineFlowBox* lastLine = flow.lastLineBox(); |
| if (firstLine && lastLine && firstLine != lastLine) { |
| computedValues.m_position = logicalLeftValue + marginLogicalLeftAlias + lastLine->borderLogicalLeft() + (lastLine->logicalLeft() - firstLine->logicalLeft()); |
| return; |
| } |
| } |
| |
| LayoutUnit logicalLeftPos = logicalLeftValue + marginLogicalLeftAlias; |
| // Border and padding have already been included in computedValues.m_extent. |
| computeLogicalLeftPositionedOffset(logicalLeftPos, this, computedValues.m_extent, containerBlock, containerLogicalWidth, style().logicalLeft().isAuto(), style().logicalRight().isAuto()); |
| computedValues.m_position = logicalLeftPos; |
| } |
| |
| void RenderBox::computePositionedLogicalHeightReplaced(LogicalExtentComputedValues& computedValues) const |
| { |
| // The following is based off of the W3C Working Draft from April 11, 2006 of |
| // CSS 2.1: Section 10.6.5 "Absolutely positioned, replaced elements" |
| // <http://www.w3.org/TR/2005/WD-CSS21-20050613/visudet.html#abs-replaced-height> |
| // (block-style-comments in this function correspond to text from the spec and |
| // the numbers correspond to numbers in spec) |
| |
| // We don't use containingBlock(), since we may be positioned by an enclosing relpositioned inline. |
| const RenderBoxModelObject& containerBlock = downcast<RenderBoxModelObject>(*container()); |
| |
| const LayoutUnit containerLogicalHeight = containingBlockLogicalHeightForPositioned(containerBlock); |
| const LayoutUnit containerRelativeLogicalWidth = containingBlockLogicalWidthForPositioned(containerBlock, nullptr, false); |
| |
| // Variables to solve. |
| Length marginBefore = style().marginBefore(); |
| Length marginAfter = style().marginAfter(); |
| LayoutUnit& marginBeforeAlias = computedValues.m_margins.m_before; |
| LayoutUnit& marginAfterAlias = computedValues.m_margins.m_after; |
| |
| Length logicalTop = style().logicalTop(); |
| Length logicalBottom = style().logicalBottom(); |
| |
| /*-----------------------------------------------------------------------*\ |
| * 1. The used value of 'height' is determined as for inline replaced |
| * elements. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: This value of height is final in that the min/max height calculations |
| // are dealt with in computeReplacedHeight(). This means that the steps to produce |
| // correct max/min in the non-replaced version, are not necessary. |
| computedValues.m_extent = computeReplacedLogicalHeight() + borderAndPaddingLogicalHeight(); |
| const LayoutUnit availableSpace = containerLogicalHeight - computedValues.m_extent; |
| |
| /*-----------------------------------------------------------------------*\ |
| * 2. If both 'top' and 'bottom' have the value 'auto', replace 'top' |
| * with the element's static position. |
| \*-----------------------------------------------------------------------*/ |
| // see FIXME 1 |
| computeBlockStaticDistance(logicalTop, logicalBottom, this, containerBlock); |
| |
| /*-----------------------------------------------------------------------*\ |
| * 3. If 'bottom' is 'auto', replace any 'auto' on 'margin-top' or |
| * 'margin-bottom' with '0'. |
| \*-----------------------------------------------------------------------*/ |
| // FIXME: The spec. says that this step should only be taken when bottom is |
| // auto, but if only top is auto, this makes step 4 impossible. |
| if (logicalTop.isAuto() || logicalBottom.isAuto()) { |
| if (marginBefore.isAuto()) |
| marginBefore.setValue(LengthType::Fixed, 0); |
| if (marginAfter.isAuto()) |
| marginAfter.setValue(LengthType::Fixed, 0); |
| } |
| |
| /*-----------------------------------------------------------------------*\ |
| * 4. If at this point both 'margin-top' and 'margin-bottom' are still |
| * 'auto', solve the equation under the extra constraint that the two |
| * margins must get equal values. |
| \*-----------------------------------------------------------------------*/ |
| LayoutUnit logicalTopValue; |
| LayoutUnit logicalBottomValue; |
| |
| if (marginBefore.isAuto() && marginAfter.isAuto()) { |
| // 'top' and 'bottom' cannot be 'auto' due to step 2 and 3 combined. |
| ASSERT(!(logicalTop.isAuto() || logicalBottom.isAuto())); |
| |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| logicalBottomValue = valueForLength(logicalBottom, containerLogicalHeight); |
| |
| LayoutUnit difference = availableSpace - (logicalTopValue + logicalBottomValue); |
| // NOTE: This may result in negative values. |
| marginBeforeAlias = difference / 2; // split the difference |
| marginAfterAlias = difference - marginBeforeAlias; // account for odd valued differences |
| |
| /*-----------------------------------------------------------------------*\ |
| * 5. If at this point there is only one 'auto' left, solve the equation |
| * for that value. |
| \*-----------------------------------------------------------------------*/ |
| } else if (logicalTop.isAuto()) { |
| marginBeforeAlias = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| marginAfterAlias = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| logicalBottomValue = valueForLength(logicalBottom, containerLogicalHeight); |
| |
| // Solve for 'top' |
| logicalTopValue = availableSpace - (logicalBottomValue + marginBeforeAlias + marginAfterAlias); |
| } else if (logicalBottom.isAuto()) { |
| marginBeforeAlias = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| marginAfterAlias = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| |
| // Solve for 'bottom' |
| // NOTE: It is not necessary to solve for 'bottom' because we don't ever |
| // use the value. |
| } else if (marginBefore.isAuto()) { |
| marginAfterAlias = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| logicalBottomValue = valueForLength(logicalBottom, containerLogicalHeight); |
| |
| // Solve for 'margin-top' |
| marginBeforeAlias = availableSpace - (logicalTopValue + logicalBottomValue + marginAfterAlias); |
| } else if (marginAfter.isAuto()) { |
| marginBeforeAlias = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| logicalBottomValue = valueForLength(logicalBottom, containerLogicalHeight); |
| |
| // Solve for 'margin-bottom' |
| marginAfterAlias = availableSpace - (logicalTopValue + logicalBottomValue + marginBeforeAlias); |
| } else { |
| // Nothing is 'auto', just calculate the values. |
| marginBeforeAlias = valueForLength(marginBefore, containerRelativeLogicalWidth); |
| marginAfterAlias = valueForLength(marginAfter, containerRelativeLogicalWidth); |
| logicalTopValue = valueForLength(logicalTop, containerLogicalHeight); |
| // NOTE: It is not necessary to solve for 'bottom' because we don't ever |
| // use the value. |
| } |
| |
| /*-----------------------------------------------------------------------*\ |
| * 6. If at this point the values are over-constrained, ignore the value |
| * for 'bottom' and solve for that value. |
| \*-----------------------------------------------------------------------*/ |
| // NOTE: It is not necessary to do this step because we don't end up using |
| // the value of 'bottom' regardless of whether the values are over-constrained |
| // or not. |
| |
| // Use computed values to calculate the vertical position. |
| LayoutUnit logicalTopPos = logicalTopValue + marginBeforeAlias; |
| // Border and padding have already been included in computedValues.m_extent. |
| computeLogicalTopPositionedOffset(logicalTopPos, this, computedValues.m_extent, containerBlock, containerLogicalHeight); |
| computedValues.m_position = logicalTopPos; |
| } |
| |
| VisiblePosition RenderBox::positionForPoint(const LayoutPoint& point, const RenderFragmentContainer* fragment) |
| { |
| // no children...return this render object's element, if there is one, and offset 0 |
| if (!firstChild()) |
| return createVisiblePosition(nonPseudoElement() ? firstPositionInOrBeforeNode(nonPseudoElement()) : Position()); |
| |
| if (isTable() && nonPseudoElement()) { |
| LayoutUnit right = contentWidth() + horizontalBorderAndPaddingExtent(); |
| LayoutUnit bottom = contentHeight() + verticalBorderAndPaddingExtent(); |
| |
| if (point.x() < 0 || point.x() > right || point.y() < 0 || point.y() > bottom) { |
| if (point.x() <= right / 2) |
| return createVisiblePosition(firstPositionInOrBeforeNode(nonPseudoElement())); |
| return createVisiblePosition(lastPositionInOrAfterNode(nonPseudoElement())); |
| } |
| } |
| |
| // Pass off to the closest child. |
| LayoutUnit minDist = LayoutUnit::max(); |
| RenderBox* closestRenderer = nullptr; |
| LayoutPoint adjustedPoint = point; |
| if (isTableRow()) |
| adjustedPoint.moveBy(location()); |
| |
| for (auto& renderer : childrenOfType<RenderBox>(*this)) { |
| if (is<RenderFragmentedFlow>(*this)) { |
| ASSERT(fragment); |
| if (!downcast<RenderFragmentedFlow>(*this).objectShouldFragmentInFlowFragment(&renderer, fragment)) |
| continue; |
| } |
| |
| if ((!renderer.firstChild() && !renderer.isInline() && !is<RenderBlockFlow>(renderer)) |
| || renderer.style().visibility() != Visibility::Visible) |
| continue; |
| |
| LayoutUnit top = renderer.borderTop() + renderer.paddingTop() + (is<RenderTableRow>(*this) ? 0_lu : renderer.y()); |
| LayoutUnit bottom = top + renderer.contentHeight(); |
| LayoutUnit left = renderer.borderLeft() + renderer.paddingLeft() + (is<RenderTableRow>(*this) ? 0_lu : renderer.x()); |
| LayoutUnit right = left + renderer.contentWidth(); |
| |
| if (point.x() <= right && point.x() >= left && point.y() <= top && point.y() >= bottom) { |
| if (is<RenderTableRow>(renderer)) |
| return renderer.positionForPoint(point + adjustedPoint - renderer.locationOffset(), fragment); |
| return renderer.positionForPoint(point - renderer.locationOffset(), fragment); |
| } |
| |
| // Find the distance from (x, y) to the box. Split the space around the box into 8 pieces |
| // and use a different compare depending on which piece (x, y) is in. |
| LayoutPoint cmp; |
| if (point.x() > right) { |
| if (point.y() < top) |
| cmp = LayoutPoint(right, top); |
| else if (point.y() > bottom) |
| cmp = LayoutPoint(right, bottom); |
| else |
| cmp = LayoutPoint(right, point.y()); |
| } else if (point.x() < left) { |
| if (point.y() < top) |
| cmp = LayoutPoint(left, top); |
| else if (point.y() > bottom) |
| cmp = LayoutPoint(left, bottom); |
| else |
| cmp = LayoutPoint(left, point.y()); |
| } else { |
| if (point.y() < top) |
| cmp = LayoutPoint(point.x(), top); |
| else |
| cmp = LayoutPoint(point.x(), bottom); |
| } |
| |
| LayoutSize difference = cmp - point; |
| |
| LayoutUnit dist = difference.width() * difference.width() + difference.height() * difference.height(); |
| if (dist < minDist) { |
| closestRenderer = &renderer; |
| minDist = dist; |
| } |
| } |
| |
| if (closestRenderer) |
| return closestRenderer->positionForPoint(adjustedPoint - closestRenderer->locationOffset(), fragment); |
| |
| return createVisiblePosition(firstPositionInOrBeforeNode(nonPseudoElement())); |
| } |
| |
| bool RenderBox::shrinkToAvoidFloats() const |
| { |
| // Floating objects don't shrink. Objects that don't avoid floats don't shrink. Marquees don't shrink. |
| if ((isInline() && !isHTMLMarquee()) || !avoidsFloats() || isFloating()) |
| return false; |
| |
| // Only auto width objects can possibly shrink to avoid floats. |
| return style().width().isAuto(); |
| } |
| |
| bool RenderBox::establishesIndependentFormattingContext() const |
| { |
| return isGridItem() || RenderElement::establishesIndependentFormattingContext(); |
| } |
| |
| bool RenderBox::avoidsFloats() const |
| { |
| return isReplacedOrInlineBlock() || isHR() || isLegend() || isFieldset() || createsNewFormattingContext(); |
| } |
| |
| void RenderBox::addVisualEffectOverflow() |
| { |
| bool hasBoxShadow = style().boxShadow(); |
| bool hasBorderImageOutsets = style().hasBorderImageOutsets(); |
| bool hasOutline = outlineStyleForRepaint().hasOutlineInVisualOverflow(); |
| if (!hasBoxShadow && !hasBorderImageOutsets && !hasOutline) |
| return; |
| |
| addVisualOverflow(applyVisualEffectOverflow(borderBoxRect())); |
| |
| if (auto* fragmentedFlow = enclosingFragmentedFlow()) |
| fragmentedFlow->addFragmentsVisualEffectOverflow(this); |
| } |
| |
| LayoutRect RenderBox::applyVisualEffectOverflow(const LayoutRect& borderBox) const |
| { |
| bool isFlipped = style().isFlippedBlocksWritingMode(); |
| bool isHorizontal = isHorizontalWritingMode(); |
| |
| LayoutUnit overflowMinX = borderBox.x(); |
| LayoutUnit overflowMaxX = borderBox.maxX(); |
| LayoutUnit overflowMinY = borderBox.y(); |
| LayoutUnit overflowMaxY = borderBox.maxY(); |
| |
| // Compute box-shadow overflow first. |
| if (style().boxShadow()) { |
| auto shadowExtent = style().boxShadowExtent(); |
| |
| // In flipped blocks writing modes such as vertical-rl, the physical right shadow value is actually at the lower x-coordinate. |
| overflowMinX = borderBox.x() + ((!isFlipped || isHorizontal) ? shadowExtent.left() : -shadowExtent.right()); |
| overflowMaxX = borderBox.maxX() + ((!isFlipped || isHorizontal) ? shadowExtent.right() : -shadowExtent.left()); |
| overflowMinY = borderBox.y() + ((!isFlipped || !isHorizontal) ? shadowExtent.top() : -shadowExtent.bottom()); |
| overflowMaxY = borderBox.maxY() + ((!isFlipped || !isHorizontal) ? shadowExtent.bottom() : -shadowExtent.top()); |
| } |
| |
| // Now compute border-image-outset overflow. |
| if (style().hasBorderImageOutsets()) { |
| auto borderOutsets = style().borderImageOutsets(); |
| |
| // In flipped blocks writing modes, the physical sides are inverted. For example in vertical-rl, the right |
| // border is at the lower x coordinate value. |
| overflowMinX = std::min(overflowMinX, borderBox.x() - ((!isFlipped || isHorizontal) ? borderOutsets.left() : borderOutsets.right())); |
| overflowMaxX = std::max(overflowMaxX, borderBox.maxX() + ((!isFlipped || isHorizontal) ? borderOutsets.right() : borderOutsets.left())); |
| overflowMinY = std::min(overflowMinY, borderBox.y() - ((!isFlipped || !isHorizontal) ? borderOutsets.top() : borderOutsets.bottom())); |
| overflowMaxY = std::max(overflowMaxY, borderBox.maxY() + ((!isFlipped || !isHorizontal) ? borderOutsets.bottom() : borderOutsets.top())); |
| } |
| |
| if (outlineStyleForRepaint().hasOutlineInVisualOverflow()) { |
| LayoutUnit outlineSize { outlineStyleForRepaint().outlineSize() }; |
| overflowMinX = std::min(overflowMinX, borderBox.x() - outlineSize); |
| overflowMaxX = std::max(overflowMaxX, borderBox.maxX() + outlineSize); |
| overflowMinY = std::min(overflowMinY, borderBox.y() - outlineSize); |
| overflowMaxY = std::max(overflowMaxY, borderBox.maxY() + outlineSize); |
| } |
| // Add in the final overflow with shadows and outsets combined. |
| return LayoutRect(overflowMinX, overflowMinY, overflowMaxX - overflowMinX, overflowMaxY - overflowMinY); |
| } |
| |
| void RenderBox::addOverflowFromChild(const RenderBox* child, const LayoutSize& delta) |
| { |
| // Never allow flow threads to propagate overflow up to a parent. |
| if (child->isRenderFragmentedFlow()) |
| return; |
| |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow) |
| fragmentedFlow->addFragmentsOverflowFromChild(this, child, delta); |
| |
| // Only propagate layout overflow from the child if the child isn't clipping its overflow. If it is, then |
| // its overflow is internal to it, and we don't care about it. layoutOverflowRectForPropagation takes care of this |
| // and just propagates the border box rect instead. |
| LayoutRect childLayoutOverflowRect = child->layoutOverflowRectForPropagation(&style()); |
| childLayoutOverflowRect.move(delta); |
| addLayoutOverflow(childLayoutOverflowRect); |
| |
| if (paintContainmentApplies()) |
| return; |
| |
| // Add in visual overflow from the child. Even if the child clips its overflow, it may still |
| // have visual overflow of its own set from box shadows or reflections. It is unnecessary to propagate this |
| // overflow if we are clipping our own overflow. |
| if (child->hasSelfPaintingLayer() || hasPotentiallyScrollableOverflow()) |
| return; |
| LayoutRect childVisualOverflowRect = child->visualOverflowRectForPropagation(&style()); |
| childVisualOverflowRect.move(delta); |
| addVisualOverflow(childVisualOverflowRect); |
| } |
| |
| void RenderBox::addLayoutOverflow(const LayoutRect& rect) |
| { |
| LayoutRect clientBox = flippedClientBoxRect(); |
| if (clientBox.contains(rect) || rect.isEmpty()) |
| return; |
| |
| // For overflow clip objects, we don't want to propagate overflow into unreachable areas. |
| LayoutRect overflowRect(rect); |
| if (hasPotentiallyScrollableOverflow() || isRenderView()) { |
| // Overflow is in the block's coordinate space and thus is flipped for horizontal-bt and vertical-rl |
| // writing modes. At this stage that is actually a simplification, since we can treat horizontal-tb/bt as the same |
| // and vertical-lr/rl as the same. |
| bool hasTopOverflow = isTopLayoutOverflowAllowed(); |
| bool hasLeftOverflow = isLeftLayoutOverflowAllowed(); |
| |
| if (!hasTopOverflow) |
| overflowRect.shiftYEdgeTo(std::max(overflowRect.y(), clientBox.y())); |
| else |
| overflowRect.shiftMaxYEdgeTo(std::min(overflowRect.maxY(), clientBox.maxY())); |
| if (!hasLeftOverflow) |
| overflowRect.shiftXEdgeTo(std::max(overflowRect.x(), clientBox.x())); |
| else |
| overflowRect.shiftMaxXEdgeTo(std::min(overflowRect.maxX(), clientBox.maxX())); |
| |
| // Now re-test with the adjusted rectangle and see if it has become unreachable or fully |
| // contained. |
| if (clientBox.contains(overflowRect) || overflowRect.isEmpty()) |
| return; |
| } |
| |
| if (!m_overflow) |
| m_overflow = adoptRef(new RenderOverflow(clientBox, borderBoxRect())); |
| |
| m_overflow->addLayoutOverflow(overflowRect); |
| } |
| |
| void RenderBox::addVisualOverflow(const LayoutRect& rect) |
| { |
| LayoutRect borderBox = borderBoxRect(); |
| if (borderBox.contains(rect) || rect.isEmpty()) |
| return; |
| |
| if (!m_overflow) |
| m_overflow = adoptRef(new RenderOverflow(flippedClientBoxRect(), borderBox)); |
| |
| m_overflow->addVisualOverflow(rect); |
| } |
| |
| void RenderBox::clearOverflow() |
| { |
| m_overflow = nullptr; |
| RenderFragmentedFlow* fragmentedFlow = enclosingFragmentedFlow(); |
| if (fragmentedFlow) |
| fragmentedFlow->clearFragmentsOverflow(this); |
| } |
| |
| bool RenderBox::percentageLogicalHeightIsResolvable() const |
| { |
| // Do this to avoid duplicating all the logic that already exists when computing |
| // an actual percentage height. |
| Length fakeLength(100, LengthType::Percent); |
| return computePercentageLogicalHeight(fakeLength) != std::nullopt; |
| } |
| |
| bool RenderBox::hasUnsplittableScrollingOverflow() const |
| { |
| // We will paginate as long as we don't scroll overflow in the pagination direction. |
| bool isHorizontal = isHorizontalWritingMode(); |
| if ((isHorizontal && !scrollsOverflowY()) || (!isHorizontal && !scrollsOverflowX())) |
| return false; |
| |
| // We do have overflow. We'll still be willing to paginate as long as the block |
| // has auto logical height, auto or undefined max-logical-height and a zero or auto min-logical-height. |
| // Note this is just a heuristic, and it's still possible to have overflow under these |
| // conditions, but it should work out to be good enough for common cases. Paginating overflow |
| // with scrollbars present is not the end of the world and is what we used to do in the old model anyway. |
| return !style().logicalHeight().isIntrinsicOrAuto() |
| || (!style().logicalMaxHeight().isIntrinsicOrAuto() && !style().logicalMaxHeight().isUndefined() && (!style().logicalMaxHeight().isPercentOrCalculated() || percentageLogicalHeightIsResolvable())) |
| || (!style().logicalMinHeight().isIntrinsicOrAuto() && style().logicalMinHeight().isPositive() && (!style().logicalMinHeight().isPercentOrCalculated() || percentageLogicalHeightIsResolvable())); |
| } |
| |
| bool RenderBox::isUnsplittableForPagination() const |
| { |
| return isReplacedOrInlineBlock() |
| || hasUnsplittableScrollingOverflow() |
| || (parent() && isWritingModeRoot()) |
| || (isFloating() && style().styleType() == PseudoId::FirstLetter && style().initialLetterDrop() > 0) |
| || shouldApplySizeContainment(); |
| } |
| |
| LayoutUnit RenderBox::lineHeight(bool /*firstLine*/, LineDirectionMode direction, LinePositionMode /*linePositionMode*/) const |
| { |
| if (isReplacedOrInlineBlock()) |
| return direction == HorizontalLine ? m_marginBox.top() + height() + m_marginBox.bottom() : m_marginBox.right() + width() + m_marginBox.left(); |
| return 0; |
| } |
| |
| LayoutUnit RenderBox::baselinePosition(FontBaseline baselineType, bool /*firstLine*/, LineDirectionMode direction, LinePositionMode /*linePositionMode*/) const |
| { |
| if (isReplacedOrInlineBlock()) { |
| auto result = roundToInt(direction == HorizontalLine ? m_marginBox.top() + height() + m_marginBox.bottom() : m_marginBox.right() + width() + m_marginBox.left()); |
| if (baselineType == AlphabeticBaseline) |
| return result; |
| return result - result / 2; |
| } |
| return 0; |
| } |
| |
| RenderLayer* RenderBox::enclosingFloatPaintingLayer() const |
| { |
| for (auto& box : lineageOfType<RenderBox>(*this)) { |
| if (box.layer() && box.layer()->isSelfPaintingLayer()) |
| return box.layer(); |
| } |
| return nullptr; |
| } |
| |
| LayoutRect RenderBox::logicalVisualOverflowRectForPropagation(const RenderStyle* parentStyle) const |
| { |
| LayoutRect rect = visualOverflowRectForPropagation(parentStyle); |
| if (!parentStyle->isHorizontalWritingMode()) |
| return rect.transposedRect(); |
| return rect; |
| } |
| |
| LayoutRect RenderBox::visualOverflowRectForPropagation(const RenderStyle* parentStyle) const |
| { |
| // If the writing modes of the child and parent match, then we don't have to |
| // do anything fancy. Just return the result. |
| LayoutRect rect = visualOverflowRect(); |
| if (parentStyle->writingMode() == style().writingMode()) |
| return rect; |
| |
| // We are putting ourselves into our parent's coordinate space. If there is a flipped block mismatch |
| // in a particular axis, then we have to flip the rect along that axis. |
| if (style().writingMode() == WritingMode::RightToLeft || parentStyle->writingMode() == WritingMode::RightToLeft) |
| rect.setX(width() - rect.maxX()); |
| else if (style().writingMode() == WritingMode::BottomToTop || parentStyle->writingMode() == WritingMode::BottomToTop) |
| rect.setY(height() - rect.maxY()); |
| |
| return rect; |
| } |
| |
| LayoutRect RenderBox::logicalLayoutOverflowRectForPropagation(const RenderStyle* parentStyle) const |
| { |
| LayoutRect rect = layoutOverflowRectForPropagation(parentStyle); |
| if (!parentStyle->isHorizontalWritingMode()) |
| return rect.transposedRect(); |
| return rect; |
| } |
| |
| LayoutRect RenderBox::layoutOverflowRectForPropagation(const RenderStyle* parentStyle) const |
| { |
| // Only propagate interior layout overflow if we don't completely clip it. |
| auto rect = borderBoxRect(); |
| if (isGridItem()) { |
| // As per https://github.com/w3c/csswg-drafts/issues/3653, child's margins should contribute to the scrollable overflow area. |
| // FIXME: Expand it to non-grid cases when applicable. |
| rect.setWidth(rect.width() + std::max(0_lu, marginEnd())); |
| } |
| if (!shouldApplyLayoutContainment()) { |
| if (style().overflowX() == Overflow::Clip && style().overflowY() == Overflow::Visible) { |
| LayoutRect clippedOverflowRect = layoutOverflowRect(); |
| clippedOverflowRect.setX(rect.x()); |
| clippedOverflowRect.setWidth(rect.width()); |
| rect.unite(clippedOverflowRect); |
| } else if (style().overflowY() == Overflow::Clip && style().overflowX() == Overflow::Visible) { |
| LayoutRect clippedOverflowRect = layoutOverflowRect(); |
| clippedOverflowRect.setY(rect.y()); |
| clippedOverflowRect.setHeight(rect.height()); |
| rect.unite(clippedOverflowRect); |
| } else if (!hasNonVisibleOverflow()) |
| rect.unite(layoutOverflowRect()); |
| } |
| |
| bool hasTransform = this->hasTransform(); |
| // While a stickily positioned renderer is also inflow positioned, they stretch the overflow rect with their inflow geometry |
| // (as opposed to the paint geometry) because they are not stationary. |
| bool paintGeometryAffectsLayoutOverflow = hasTransform || (isInFlowPositioned() && !isStickilyPositioned()); |
| if (paintGeometryAffectsLayoutOverflow) { |
| // If we are relatively positioned or if we have a transform, then we have to convert |
| // this rectangle into physical coordinates, apply relative positioning and transforms |
| // to it, and then convert it back. |
| // It ensures that the overflow rect tracks the paint geometry and not the inflow layout position. |
| flipForWritingMode(rect); |
| |
| if (hasTransform && hasLayer()) |
| rect = layer()->currentTransform().mapRect(rect); |
| |
| if (isInFlowPositioned()) |
| rect.move(offsetForInFlowPosition()); |
| |
| // Now we need to flip back. |
| flipForWritingMode(rect); |
| } |
| |
| // If the writing modes of the child and parent match, then we don't have to |
| // do anything fancy. Just return the result. |
| if (parentStyle->writingMode() == style().writingMode()) |
| return rect; |
| |
| // We are putting ourselves into our parent's coordinate space. If there is a flipped block mismatch |
| // in a particular axis, then we have to flip the rect along that axis. |
| if (style().writingMode() == WritingMode::RightToLeft || parentStyle->writingMode() == WritingMode::RightToLeft) |
| rect.setX(width() - rect.maxX()); |
| else if (style().writingMode() == WritingMode::BottomToTop || parentStyle->writingMode() == WritingMode::BottomToTop) |
| rect.setY(height() - rect.maxY()); |
| |
| return rect; |
| } |
| |
| LayoutRect RenderBox::flippedClientBoxRect() const |
| { |
| // Because of the special coordinate system used for overflow rectangles (not quite logical, not |
| // quite physical), we need to flip the block progression coordinate in vertical-rl and |
| // horizontal-bt writing modes. Apart from that, this method does the same as clientBoxRect(). |
| |
| LayoutUnit left = borderLeft(); |
| LayoutUnit top = borderTop(); |
| LayoutUnit right = borderRight(); |
| LayoutUnit bottom = borderBottom(); |
| // Calculate physical padding box. |
| LayoutRect rect(left, top, width() - left - right, height() - top - bottom); |
| // Flip block progression axis if writing mode is vertical-rl or horizontal-bt. |
| flipForWritingMode(rect); |
| // Subtract space occupied by scrollbars. They are at their physical edge in this coordinate |
| // system, so order is important here: first flip, then subtract scrollbars. |
| if (shouldPlaceVerticalScrollbarOnLeft() && isHorizontalWritingMode()) |
| rect.move(verticalScrollbarWidth(), 0); |
| rect.contract(verticalScrollbarWidth(), horizontalScrollbarHeight()); |
| return rect; |
| } |
| |
| LayoutUnit RenderBox::offsetLeft() const |
| { |
| return adjustedPositionRelativeToOffsetParent(topLeftLocation()).x(); |
| } |
| |
| LayoutUnit RenderBox::offsetTop() const |
| { |
| return adjustedPositionRelativeToOffsetParent(topLeftLocation()).y(); |
| } |
| |
| LayoutPoint RenderBox::flipForWritingModeForChild(const RenderBox& child, const LayoutPoint& point) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return point; |
| |
| // The child is going to add in its x() and y(), so we have to make sure it ends up in |
| // the right place. |
| if (isHorizontalWritingMode()) |
| return LayoutPoint(point.x(), point.y() + height() - child.height() - (2 * child.y())); |
| return LayoutPoint(point.x() + width() - child.width() - (2 * child.x()), point.y()); |
| } |
| |
| void RenderBox::flipForWritingMode(LayoutRect& rect) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return; |
| |
| if (isHorizontalWritingMode()) |
| rect.setY(height() - rect.maxY()); |
| else |
| rect.setX(width() - rect.maxX()); |
| } |
| |
| LayoutUnit RenderBox::flipForWritingMode(LayoutUnit position) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return position; |
| return logicalHeight() - position; |
| } |
| |
| LayoutPoint RenderBox::flipForWritingMode(const LayoutPoint& position) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return position; |
| return isHorizontalWritingMode() ? LayoutPoint(position.x(), height() - position.y()) : LayoutPoint(width() - position.x(), position.y()); |
| } |
| |
| LayoutSize RenderBox::flipForWritingMode(const LayoutSize& offset) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return offset; |
| return isHorizontalWritingMode() ? LayoutSize(offset.width(), height() - offset.height()) : LayoutSize(width() - offset.width(), offset.height()); |
| } |
| |
| FloatPoint RenderBox::flipForWritingMode(const FloatPoint& position) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return position; |
| return isHorizontalWritingMode() ? FloatPoint(position.x(), height() - position.y()) : FloatPoint(width() - position.x(), position.y()); |
| } |
| |
| void RenderBox::flipForWritingMode(FloatRect& rect) const |
| { |
| if (!style().isFlippedBlocksWritingMode()) |
| return; |
| |
| if (isHorizontalWritingMode()) |
| rect.setY(height() - rect.maxY()); |
| else |
| rect.setX(width() - rect.maxX()); |
| } |
| |
| LayoutPoint RenderBox::topLeftLocation() const |
| { |
| if (!view().frameView().hasFlippedBlockRenderers()) |
| return location(); |
| |
| RenderBlock* containerBlock = containingBlock(); |
| if (!containerBlock || containerBlock == this) |
| return location(); |
| return containerBlock->flipForWritingModeForChild(*this, location()); |
| } |
| |
| LayoutSize RenderBox::topLeftLocationOffset() const |
| { |
| if (!view().frameView().hasFlippedBlockRenderers()) |
| return locationOffset(); |
| |
| RenderBlock* containerBlock = containingBlock(); |
| if (!containerBlock || containerBlock == this) |
| return locationOffset(); |
| |
| LayoutRect rect(frameRect()); |
| containerBlock->flipForWritingMode(rect); // FIXME: This is wrong if we are an absolutely positioned object enclosed by a relative-positioned inline. |
| return LayoutSize(rect.x(), rect.y()); |
| } |
| |
| void RenderBox::applyTopLeftLocationOffsetWithFlipping(LayoutPoint& point) const |
| { |
| RenderBlock* containerBlock = containingBlock(); |
| if (!containerBlock || containerBlock == this) { |
| point.move(m_frameRect.x(), m_frameRect.y()); |
| return; |
| } |
| |
| LayoutRect rect(frameRect()); |
| containerBlock->flipForWritingMode(rect); // FIXME: This is wrong if we are an absolutely positioned object enclosed by a relative-positioned inline. |
| point.move(rect.x(), rect.y()); |
| } |
| |
| bool RenderBox::shouldIgnoreAspectRatio() const |
| { |
| return !style().hasAspectRatio() || isTablePart(); |
| } |
| |
| static inline bool shouldComputeLogicalWidthFromAspectRatioAndInsets(const RenderBox& renderer) |
| { |
| if (!renderer.isOutOfFlowPositioned()) |
| return false; |
| |
| auto& style = renderer.style(); |
| if (!style.logicalWidth().isAuto()) { |
| // Not applicable for aspect ratio computation. |
| return false; |
| } |
| // When both left and right are set, the out-of-flow positioned box is horizontally constrained and aspect ratio for the logical width is not applicable. |
| auto hasConstrainedWidth = (!style.logicalLeft().isAuto() && !style.logicalRight().isAuto()) || renderer.intrinsicLogicalWidth(); |
| if (hasConstrainedWidth) |
| return false; |
| |
| // When both top and bottom are set, the out-of-flow positioned box is vertically constrained and it can be used as if it had a non-auto height value. |
| auto hasConstrainedHeight = !style.logicalTop().isAuto() && !style.logicalBottom().isAuto(); |
| if (!hasConstrainedHeight) |
| return false; |
| // FIXME: This could probably be omitted and let the callers handle the height check (as they seem to be doing anyway). |
| return style.logicalHeight().isAuto(); |
| } |
| |
| bool RenderBox::shouldComputeLogicalHeightFromAspectRatio() const |
| { |
| if (shouldIgnoreAspectRatio()) |
| return false; |
| |
| if (shouldComputeLogicalWidthFromAspectRatioAndInsets(*this)) |
| return false; |
| |
| auto h = style().logicalHeight(); |
| return h.isAuto() || h.isIntrinsic() || (!isOutOfFlowPositioned() && h.isPercentOrCalculated() && !percentageLogicalHeightIsResolvable()); |
| } |
| |
| bool RenderBox::shouldComputeLogicalWidthFromAspectRatio() const |
| { |
| if (shouldIgnoreAspectRatio()) |
| return false; |
| |
| if (isGridItem()) { |
| if (shouldComputeSizeAsReplaced()) { |
| if (hasStretchedLogicalWidth() && hasStretchedLogicalHeight()) |
| return false; |
| } else if (hasStretchedLogicalWidth(StretchingMode::Explicit)) |
| return false; |
| } |
| |
| auto isResolvablePercentageHeight = [&] { |
| return style().logicalHeight().isPercentOrCalculated() && (isOutOfFlowPositioned() || percentageLogicalHeightIsResolvable()); |
| }; |
| return hasOverridingLogicalHeight() || shouldComputeLogicalWidthFromAspectRatioAndInsets(*this) || style().logicalHeight().isFixed() || isResolvablePercentageHeight(); |
| } |
| |
| LayoutUnit RenderBox::computeLogicalWidthFromAspectRatioInternal() const |
| { |
| ASSERT(shouldComputeLogicalWidthFromAspectRatio()); |
| auto computedValues = computeLogicalHeight(logicalHeight(), logicalTop()); |
| LayoutUnit logicalHeightforAspectRatio = computedValues.m_extent; |
| |
| return inlineSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), logicalHeightforAspectRatio); |
| } |
| |
| LayoutUnit RenderBox::computeLogicalWidthFromAspectRatio(RenderFragmentContainer* fragment) const |
| { |
| auto logicalWidth = computeLogicalWidthFromAspectRatioInternal(); |
| LayoutUnit containerWidthInInlineDirection = std::max<LayoutUnit>(0, containingBlockLogicalWidthForContentInFragment(fragment)); |
| return constrainLogicalWidthInFragmentByMinMax(logicalWidth, containerWidthInInlineDirection, *containingBlock(), fragment, AllowIntrinsic::No); |
| } |
| |
| std::pair<LayoutUnit, LayoutUnit> RenderBox::computeMinMaxLogicalWidthFromAspectRatio() const |
| { |
| LayoutUnit blockMinSize = constrainLogicalHeightByMinMax(LayoutUnit(), std::nullopt); |
| LayoutUnit blockMaxSize = constrainLogicalHeightByMinMax(LayoutUnit::max(), std::nullopt); |
| LayoutUnit transferredMinSize = LayoutUnit(); |
| LayoutUnit transferredMaxSize = LayoutUnit::max(); |
| if (blockMinSize > LayoutUnit()) |
| transferredMinSize = inlineSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), blockMinSize); |
| if (blockMaxSize != LayoutUnit::max()) |
| transferredMaxSize = inlineSizeFromAspectRatio(horizontalBorderAndPaddingExtent(), verticalBorderAndPaddingExtent(), style().logicalAspectRatio(), style().boxSizingForAspectRatio(), blockMaxSize); |
| // Minimum size wins over maximum size. |
| transferredMaxSize = std::max(transferredMaxSize, transferredMinSize); |
| return { transferredMinSize, transferredMaxSize }; |
| } |
| |
| bool RenderBox::hasRelativeDimensions() const |
| { |
| return style().height().isPercentOrCalculated() || style().width().isPercentOrCalculated() |
| || style().maxHeight().isPercentOrCalculated() || style().maxWidth().isPercentOrCalculated() |
| || style().minHeight().isPercentOrCalculated() || style().minWidth().isPercentOrCalculated(); |
| } |
| |
| bool RenderBox::hasRelativeLogicalHeight() const |
| { |
| return style().logicalHeight().isPercentOrCalculated() |
| || style().logicalMinHeight().isPercentOrCalculated() |
| || style().logicalMaxHeight().isPercentOrCalculated(); |
| } |
| |
| bool RenderBox::hasRelativeLogicalWidth() const |
| { |
| return style().logicalWidth().isPercentOrCalculated() |
| || style().logicalMinWidth().isPercentOrCalculated() |
| || style().logicalMaxWidth().isPercentOrCalculated(); |
| } |
| |
| LayoutUnit RenderBox::offsetFromLogicalTopOfFirstPage() const |
| { |
| auto* layoutState = view().frameView().layoutContext().layoutState(); |
| if ((layoutState && !layoutState->isPaginated()) || (!layoutState && !enclosingFragmentedFlow())) |
| return 0; |
| |
| RenderBlock* containerBlock = containingBlock(); |
| return containerBlock->offsetFromLogicalTopOfFirstPage() + logicalTop(); |
| } |
| |
| LayoutBoxExtent RenderBox::scrollPaddingForViewportRect(const LayoutRect& viewportRect) |
| { |
| // We are using minimumValueForLength here, because scroll-padding values might be "auto". WebKit currently |
| // interprets "auto" as 0. See: https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding |
| const auto& padding = style().scrollPadding(); |
| return LayoutBoxExtent( |
| minimumValueForLength(padding.top(), viewportRect.height()), minimumValueForLength(padding.right(), viewportRect.width()), |
| minimumValueForLength(padding.bottom(), viewportRect.height()), minimumValueForLength(padding.left(), viewportRect.width())); |
| } |
| |
| LayoutUnit synthesizedBaselineFromBorderBox(const RenderBox& box, LineDirectionMode direction) |
| { |
| return direction == HorizontalLine ? box.height() : box.width(); |
| } |
| |
| } // namespace WebCore |
