mirror of
https://github.com/RGBCube/serenity
synced 2025-05-21 15:55:07 +00:00
64959a8504
Previously, we had three layout modes:
- Normal:
- Everything uses the computed values from CSS.
- MinContent:
- Containing blocks act as if they have 0 width.
- All line breaking opportunities are taken.
- MaxContent:
- Containing blocks act as if they have infinite width.
- Only forced line breaks are accepted.
The above was based on a set of misunderstandings of CSS sizing.
A major problem with the above was that *all* containing blocks
behaved differently during intrinsic size layout, not just the
relevant one.
With this patch there are only two layout modes:
- Normal:
- Everything uses the computed values from CSS.
- IntrinsicSizeDetermination:
- One or more boxes have size constraints applied.
There are two size constraints per layout box, set here:
- FormattingState::NodeState::width_constraint
- FormattingState::NodeState::height_constraint
They are of type SizeConstraint and can be one of None, MinContent,
or MaxContent. The default is None.
When performing an IntrinsicSizeDetermination layout, we now assign
a size constraint to the box we're trying to determine the intrinsic
size of, which is then honored by using two new helpers to query
the dimensions of containing blocks:
- FormattingContext::containing_block_width_for(Box)
- FormattingContext::containing_block_height_for(Box)
If there's a relevant constraint in effect on the Box, the size of
its containing block is adjusted accordingly.
This is essentially an implementation of the "available space"
constraints from CSS-SIZING-3. I'm sure some things will break from
this, and we'll have to deal with that separately.
Spec: https://drafts.csswg.org/css-sizing-3/#available
106 lines
4 KiB
C++
106 lines
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/FormattingState.h>
|
|
|
|
namespace Web::Layout {
|
|
|
|
class FormattingContext {
|
|
public:
|
|
virtual ~FormattingContext();
|
|
|
|
enum class Type {
|
|
Block,
|
|
Inline,
|
|
Flex,
|
|
Table,
|
|
SVG,
|
|
};
|
|
|
|
virtual void run(Box const&, LayoutMode) = 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; }
|
|
|
|
static bool creates_block_formatting_context(Box const&);
|
|
|
|
static float compute_width_for_replaced_element(FormattingState const&, ReplacedBox const&);
|
|
static float compute_height_for_replaced_element(FormattingState const&, ReplacedBox const&);
|
|
|
|
OwnPtr<FormattingContext> create_independent_formatting_context_if_needed(FormattingState&, Box const& child_box);
|
|
|
|
virtual void parent_context_did_dimension_child_root_box() { }
|
|
|
|
float calculate_min_content_width(Layout::Box const&) const;
|
|
float calculate_max_content_width(Layout::Box const&) const;
|
|
float calculate_min_content_height(Layout::Box const&) const;
|
|
float calculate_max_content_height(Layout::Box const&) const;
|
|
|
|
float calculate_fit_content_height(Layout::Box const&, Optional<float> available_height) const;
|
|
float calculate_fit_content_width(Layout::Box const&, Optional<float> available_width) const;
|
|
|
|
virtual float greatest_child_width(Box const&);
|
|
|
|
float containing_block_width_for(Box const& box) const { return containing_block_width_for(box, m_state); }
|
|
float containing_block_height_for(Box const& box) const { return containing_block_height_for(box, m_state); }
|
|
|
|
static float containing_block_width_for(Box const&, FormattingState const&);
|
|
static float containing_block_height_for(Box const&, FormattingState const&);
|
|
|
|
protected:
|
|
FormattingContext(Type, FormattingState&, Box const&, FormattingContext* parent = nullptr);
|
|
|
|
float calculate_fit_content_size(float min_content_size, float max_content_size, Optional<float> available_space) const;
|
|
|
|
OwnPtr<FormattingContext> layout_inside(Box const&, LayoutMode);
|
|
void compute_inset(Box const& box);
|
|
|
|
struct SpaceUsedByFloats {
|
|
float left { 0 };
|
|
float right { 0 };
|
|
};
|
|
|
|
struct ShrinkToFitResult {
|
|
float preferred_width { 0 };
|
|
float preferred_minimum_width { 0 };
|
|
};
|
|
|
|
static float tentative_width_for_replaced_element(FormattingState const&, ReplacedBox const&, CSS::Length const& width);
|
|
static float tentative_height_for_replaced_element(FormattingState const&, ReplacedBox const&, CSS::Length const& height);
|
|
static float compute_auto_height_for_block_formatting_context_root(FormattingState const&, BlockContainer const&);
|
|
static float compute_auto_height_for_block_level_element(FormattingState const&, Box const&);
|
|
static float calculate_auto_height(FormattingState const& state, Box const& box);
|
|
|
|
ShrinkToFitResult calculate_shrink_to_fit_widths(Box const&);
|
|
|
|
void layout_absolutely_positioned_element(Box const&);
|
|
void compute_width_for_absolutely_positioned_element(Box const&);
|
|
void compute_width_for_absolutely_positioned_non_replaced_element(Box const&);
|
|
void compute_width_for_absolutely_positioned_replaced_element(ReplacedBox const&);
|
|
void compute_height_for_absolutely_positioned_element(Box const&);
|
|
void compute_height_for_absolutely_positioned_non_replaced_element(Box const&);
|
|
void compute_height_for_absolutely_positioned_replaced_element(ReplacedBox const&);
|
|
|
|
Type m_type {};
|
|
|
|
FormattingContext* m_parent { nullptr };
|
|
Box const& m_context_box;
|
|
|
|
FormattingState& m_state;
|
|
};
|
|
|
|
}
|