mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2026-06-28 12:10:28 +00:00
585849fcf0
e.g., `@container (width >= 300px) {}` and similar.
During style computation, flag any elements whose style depends on a
size container. Then re-evaluate their style after the initial layout
has been computed and size containers have a size. This may take
multiple passes, as these may have further descendants that depend on
their size, etc. We limit this to 8 passes currently.
SizeFeature itself is very similar to MediaFeature, but queries the
container element instead. There are only 6 size features specified, so
they're hard-coded instead of generated from JSON.
Also add a counter test for the narrower restyle path.
72 lines
2.3 KiB
C++
72 lines
2.3 KiB
C++
/*
|
|
* Copyright (c) 2026, Sam Atkins <sam@ladybird.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#pragma once
|
|
|
|
#include <AK/NonnullOwnPtr.h>
|
|
#include <AK/RefCounted.h>
|
|
#include <LibWeb/CSS/BooleanExpression.h>
|
|
#include <LibWeb/CSS/FeatureQuery.h>
|
|
|
|
namespace Web::CSS {
|
|
|
|
enum class SizeFeatureID : u8 {
|
|
AspectRatio,
|
|
BlockSize,
|
|
Height,
|
|
InlineSize,
|
|
Orientation,
|
|
Width,
|
|
};
|
|
|
|
// https://drafts.csswg.org/css-conditional-5/#size-container
|
|
class SizeFeature final : public FeatureQuery<SizeFeature, SizeFeatureID> {
|
|
public:
|
|
using Base = FeatureQuery<SizeFeature, SizeFeatureID>;
|
|
|
|
virtual MatchResult evaluate(BooleanExpressionEvaluationContext const&) const override;
|
|
virtual void collect_container_query_feature_requirements(ContainerQueryFeatureRequirements&) const override;
|
|
virtual void dump(StringBuilder&, int indent_levels = 0) const override;
|
|
|
|
static StringView serialize_feature_id(SizeFeatureID);
|
|
static bool keyword_is_falsey(SizeFeatureID, Keyword);
|
|
|
|
private:
|
|
friend Base;
|
|
|
|
SizeFeature(Type type, SizeFeatureID id, Variant<Empty, FeatureValue, Range> value = {})
|
|
: Base(type, id, move(value))
|
|
{
|
|
}
|
|
};
|
|
|
|
// https://drafts.csswg.org/css-conditional-5/#container-rule
|
|
class WEB_API ContainerQuery final : public RefCounted<ContainerQuery> {
|
|
public:
|
|
static NonnullRefPtr<ContainerQuery> create(NonnullOwnPtr<BooleanExpression>&&);
|
|
|
|
bool matches() const { return m_matches; }
|
|
ContainerQueryFeatureRequirements const& feature_requirements() const { return m_feature_requirements; }
|
|
bool contains_size_feature() const { return m_feature_requirements.contains_size_feature(); }
|
|
MatchResult evaluate(DOM::AbstractElement const&, Optional<FlyString> const& container_name) const;
|
|
String to_string() const;
|
|
|
|
void dump(StringBuilder&, int indent_levels = 0) const;
|
|
|
|
private:
|
|
explicit ContainerQuery(NonnullOwnPtr<BooleanExpression>&&);
|
|
|
|
NonnullOwnPtr<BooleanExpression> m_condition;
|
|
ContainerQueryFeatureRequirements m_feature_requirements;
|
|
bool m_matches { false };
|
|
};
|
|
|
|
Optional<SizeFeatureID> size_feature_id_from_string(StringView);
|
|
StringView string_from_size_feature_id(SizeFeatureID);
|
|
bool size_feature_type_is_range(SizeFeatureID);
|
|
bool container_name_matches(DOM::Element const&, Optional<FlyString> const& container_name);
|
|
|
|
}
|