mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-05-21 18:42:53 +00:00
Until now, we had implemented flex container sizing by awkwardly doing exactly what the spec said (basically having FFC size the container) despite that not really making sense in the big picture. (Parent formatting contexts should be responsible for sizing and placing their children) This patch moves us away from the Flexbox spec text a little bit, by removing the logic for sizing the flex container in FFC, and instead making sure that all formatting contexts can set both width and height of flex container children. This required changes in BFC and IFC, but it's actually quite simple! Width was already not a problem, and it turns out height isn't either, since the automatic height of a flex container is max-content. With this in mind, we can simply determine the height of flex containers before transferring control to FFC, and everything flows nicely. With this change, we can remove all the virtuals and FFC logic for negotiating container size with the parent formatting context. We also don't need the "available space for flex container" stuff anymore either, so that's gone as well. There are some minor diffs in layout test results from this, but the new results actually match other browsers more closely, so that's fine. This should make flex layout, and indeed layout in general, easier to understand, since this was the main weird special case outside of BFC/IFC where a formatting context delegates work to its parent instead of the other way around. :^)
164 lines
7.4 KiB
C++
164 lines
7.4 KiB
C++
/*
|
|
* Copyright (c) 2020-2022, Andreas Kling <kling@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <AK/OwnPtr.h>
|
|
#include <LibWeb/Forward.h>
|
|
#include <LibWeb/Layout/AvailableSpace.h>
|
|
#include <LibWeb/Layout/LayoutState.h>
|
|
|
|
namespace Web::Layout {
|
|
|
|
class FormattingContext {
|
|
public:
|
|
virtual ~FormattingContext();
|
|
|
|
enum class Type {
|
|
Block,
|
|
Inline,
|
|
Flex,
|
|
Grid,
|
|
Table,
|
|
SVG,
|
|
InternalReplaced, // Internal hack formatting context for replaced elements. FIXME: Get rid of this.
|
|
InternalDummy, // Internal hack formatting context for unimplemented things. FIXME: Get rid of this.
|
|
};
|
|
|
|
virtual void run(Box const&, LayoutMode, AvailableSpace const&) = 0;
|
|
|
|
// This function returns the automatic content height of the context's root box.
|
|
virtual CSSPixels automatic_content_width() const = 0;
|
|
|
|
// This function returns the automatic content height of the context's root box.
|
|
virtual CSSPixels automatic_content_height() const = 0;
|
|
|
|
Box const& context_box() const { return m_context_box; }
|
|
|
|
FormattingContext* parent() { return m_parent; }
|
|
FormattingContext const* parent() const { return m_parent; }
|
|
|
|
Type type() const { return m_type; }
|
|
bool is_block_formatting_context() const { return type() == Type::Block; }
|
|
|
|
virtual bool inhibits_floating() const { return false; }
|
|
|
|
[[nodiscard]] static Optional<Type> formatting_context_type_created_by_box(Box const&);
|
|
|
|
static bool creates_block_formatting_context(Box const&);
|
|
|
|
CSSPixels compute_width_for_replaced_element(Box const&, AvailableSpace const&) const;
|
|
CSSPixels compute_height_for_replaced_element(Box const&, AvailableSpace const&) const;
|
|
|
|
OwnPtr<FormattingContext> create_independent_formatting_context_if_needed(LayoutState&, Box const& child_box);
|
|
|
|
virtual void parent_context_did_dimension_child_root_box() { }
|
|
|
|
CSSPixels calculate_min_content_width(Layout::Box const&) const;
|
|
CSSPixels calculate_max_content_width(Layout::Box const&) const;
|
|
CSSPixels calculate_min_content_height(Layout::Box const&, CSSPixels width) const;
|
|
CSSPixels calculate_max_content_height(Layout::Box const&, CSSPixels width) const;
|
|
|
|
CSSPixels calculate_fit_content_height(Layout::Box const&, AvailableSpace const&) const;
|
|
CSSPixels calculate_fit_content_width(Layout::Box const&, AvailableSpace const&) const;
|
|
|
|
CSSPixels calculate_inner_width(Layout::Box const&, AvailableSize const&, CSS::Size const& width) const;
|
|
CSSPixels calculate_inner_height(Layout::Box const&, AvailableSize const&, CSS::Size const& height) const;
|
|
|
|
virtual CSSPixels greatest_child_width(Box const&) const;
|
|
|
|
[[nodiscard]] CSSPixelRect absolute_content_rect(Box const&) const;
|
|
[[nodiscard]] CSSPixelRect margin_box_rect(Box const&) const;
|
|
[[nodiscard]] CSSPixelRect margin_box_rect_in_ancestor_coordinate_space(Box const&, Box const& ancestor_box) const;
|
|
[[nodiscard]] CSSPixelRect border_box_rect(Box const&) const;
|
|
[[nodiscard]] CSSPixelRect border_box_rect_in_ancestor_coordinate_space(Box const&, Box const& ancestor_box) const;
|
|
[[nodiscard]] CSSPixelRect content_box_rect(Box const&) const;
|
|
[[nodiscard]] CSSPixelRect content_box_rect_in_ancestor_coordinate_space(Box const&, Box const& ancestor_box) const;
|
|
[[nodiscard]] CSSPixels box_baseline(Box const&) const;
|
|
[[nodiscard]] CSSPixelRect content_box_rect_in_static_position_ancestor_coordinate_space(Box const&, Box const& ancestor_box) const;
|
|
|
|
[[nodiscard]] CSSPixels containing_block_width_for(NodeWithStyleAndBoxModelMetrics const&) const;
|
|
[[nodiscard]] CSSPixels containing_block_height_for(NodeWithStyleAndBoxModelMetrics const&) const;
|
|
|
|
[[nodiscard]] AvailableSize containing_block_width_as_available_size(NodeWithStyleAndBoxModelMetrics const&) const;
|
|
[[nodiscard]] AvailableSize containing_block_height_as_available_size(NodeWithStyleAndBoxModelMetrics const&) const;
|
|
|
|
[[nodiscard]] CSSPixels calculate_stretch_fit_width(Box const&, AvailableSize const&) const;
|
|
[[nodiscard]] CSSPixels calculate_stretch_fit_height(Box const&, AvailableSize const&) const;
|
|
|
|
virtual CSSPixelPoint calculate_static_position(Box const&) const;
|
|
bool can_skip_is_anonymous_text_run(Box&);
|
|
|
|
void compute_inset(NodeWithStyleAndBoxModelMetrics const&);
|
|
|
|
protected:
|
|
FormattingContext(Type, LayoutState&, Box const&, FormattingContext* parent = nullptr);
|
|
|
|
static bool should_treat_width_as_auto(Box const&, AvailableSpace const&);
|
|
static bool should_treat_height_as_auto(Box const&, AvailableSpace const&);
|
|
|
|
[[nodiscard]] bool should_treat_max_width_as_none(Box const&, AvailableSize const&) const;
|
|
[[nodiscard]] bool should_treat_max_height_as_none(Box const&, AvailableSize const&) const;
|
|
|
|
OwnPtr<FormattingContext> layout_inside(Box const&, LayoutMode, AvailableSpace const&);
|
|
|
|
struct SpaceUsedByFloats {
|
|
CSSPixels left { 0 };
|
|
CSSPixels right { 0 };
|
|
};
|
|
|
|
struct SpaceUsedAndContainingMarginForFloats {
|
|
// Width for left / right floats, including their own margins.
|
|
CSSPixels left_used_space;
|
|
CSSPixels right_used_space;
|
|
// Left / right total margins from the outermost containing block to the floating element.
|
|
// Each block in the containing chain adds its own margin and we store the total here.
|
|
CSSPixels left_total_containing_margin;
|
|
CSSPixels right_total_containing_margin;
|
|
Box const* matching_left_float_box { nullptr };
|
|
};
|
|
|
|
struct ShrinkToFitResult {
|
|
CSSPixels preferred_width { 0 };
|
|
CSSPixels preferred_minimum_width { 0 };
|
|
};
|
|
|
|
CSSPixels tentative_width_for_replaced_element(Box const&, CSS::Size const& computed_width, AvailableSpace const&) const;
|
|
CSSPixels tentative_height_for_replaced_element(Box const&, CSS::Size const& computed_height, AvailableSpace const&) const;
|
|
CSSPixels compute_auto_height_for_block_formatting_context_root(Box const&) const;
|
|
|
|
[[nodiscard]] CSSPixelSize solve_replaced_size_constraint(CSSPixels input_width, CSSPixels input_height, Box const&, AvailableSpace const&) const;
|
|
|
|
ShrinkToFitResult calculate_shrink_to_fit_widths(Box const&);
|
|
|
|
void layout_absolutely_positioned_element(Box const&, AvailableSpace const&);
|
|
void compute_width_for_absolutely_positioned_element(Box const&, AvailableSpace const&);
|
|
void compute_width_for_absolutely_positioned_non_replaced_element(Box const&, AvailableSpace const&);
|
|
void compute_width_for_absolutely_positioned_replaced_element(Box const&, AvailableSpace const&);
|
|
|
|
enum class BeforeOrAfterInsideLayout {
|
|
Before,
|
|
After,
|
|
};
|
|
void compute_height_for_absolutely_positioned_element(Box const&, AvailableSpace const&, BeforeOrAfterInsideLayout);
|
|
void compute_height_for_absolutely_positioned_non_replaced_element(Box const&, AvailableSpace const&, BeforeOrAfterInsideLayout);
|
|
void compute_height_for_absolutely_positioned_replaced_element(Box const&, AvailableSpace const&, BeforeOrAfterInsideLayout);
|
|
|
|
[[nodiscard]] Optional<CSSPixels> compute_auto_height_for_absolutely_positioned_element(Box const&, AvailableSpace const&, BeforeOrAfterInsideLayout) const;
|
|
|
|
[[nodiscard]] Box const* box_child_to_derive_baseline_from(Box const&) const;
|
|
|
|
Type m_type {};
|
|
|
|
FormattingContext* m_parent { nullptr };
|
|
JS::NonnullGCPtr<Box const> m_context_box;
|
|
|
|
LayoutState& m_state;
|
|
};
|
|
|
|
bool box_is_sized_as_replaced_element(Box const&);
|
|
|
|
}
|