Files
ladybird/Libraries/LibWeb/Painting/PaintableBox.h
Tim Ledbetter d9079d2078 LibWeb: Apply z-index only to positioned elements
`z-index` values other than `auto` also apply to grid and flex items
because they behave as if their `position` were `relative`.
2026-04-03 23:28:39 +02:00

363 lines
15 KiB
C++

/*
* Copyright (c) 2022-2025, Andreas Kling <andreas@ladybird.org>
* Copyright (c) 2024-2026, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
*
* SPDX-License-Identifier: BSD-2-Clause
*/
#pragma once
#include <AK/Array.h>
#include <LibGfx/Forward.h>
#include <LibWeb/CSS/StyleValues/GridTrackSizeListStyleValue.h>
#include <LibWeb/Forward.h>
#include <LibWeb/Layout/Box.h>
#include <LibWeb/Painting/AccumulatedVisualContext.h>
#include <LibWeb/Painting/BackgroundPainting.h>
#include <LibWeb/Painting/BoxModelMetrics.h>
#include <LibWeb/Painting/ChromeMetrics.h>
#include <LibWeb/Painting/DisplayList.h>
#include <LibWeb/Painting/DisplayListCommand.h>
#include <LibWeb/Painting/Paintable.h>
#include <LibWeb/Painting/PaintableFragment.h>
#include <LibWeb/Painting/ResolvedCSSFilter.h>
#include <LibWeb/Painting/ScrollFrame.h>
namespace Web::Painting {
class ResizeHandle;
class Scrollbar;
WEB_API void set_paint_viewport_scrollbars(bool enabled);
ResolvedCSSFilter resolve_css_filter(CSS::Filter const& computed_filter, PaintableBox const& paintable_box);
class WEB_API PaintableBox : public Paintable {
GC_CELL(PaintableBox, Paintable);
GC_DECLARE_ALLOCATOR(PaintableBox);
public:
static GC::Ref<PaintableBox> create(Layout::Box const&);
static GC::Ref<PaintableBox> create(Layout::InlineNode const&);
virtual ~PaintableBox();
virtual void reset_for_relayout();
virtual void paint(DisplayListRecordingContext&, PaintPhase) const override;
StackingContext* stacking_context() { return m_stacking_context; }
StackingContext const* stacking_context() const { return m_stacking_context; }
void set_stacking_context(GC::Ref<StackingContext>);
void invalidate_stacking_context();
Optional<int> effective_z_index() const;
virtual Optional<CSSPixelRect> get_mask_area() const { return {}; }
virtual Optional<Gfx::MaskKind> get_mask_type() const { return {}; }
virtual RefPtr<DisplayList> calculate_mask(DisplayListRecordingContext&, CSSPixelRect const&) const { return {}; }
virtual Optional<CSSPixelRect> get_clip_area() const { return {}; }
virtual RefPtr<DisplayList> calculate_clip(DisplayListRecordingContext&, CSSPixelRect const&) const { return {}; }
Layout::NodeWithStyleAndBoxModelMetrics const& layout_node_with_style_and_box_metrics() const { return as<Layout::NodeWithStyleAndBoxModelMetrics const>(layout_node()); }
auto& box_model() { return m_box_model; }
auto const& box_model() const { return m_box_model; }
struct OverflowData {
CSSPixelRect scrollable_overflow_rect;
bool has_scrollable_overflow { false };
CSSPixelPoint scroll_offset {};
};
// Offset from the top left of the containing block's content edge.
[[nodiscard]] CSSPixelPoint offset() const;
enum class ScrollHandled {
No,
Yes,
};
CSSPixelPoint scroll_offset() const;
ScrollHandled set_scroll_offset(CSSPixelPoint);
ScrollHandled scroll_by(int delta_x, int delta_y);
void scroll_into_view(CSSPixelRect);
void set_offset(CSSPixelPoint);
void set_offset(float x, float y) { set_offset({ x, y }); }
CSSPixelSize const& content_size() const { return m_content_size; }
void set_content_size(CSSPixelSize);
void set_content_size(CSSPixels width, CSSPixels height) { set_content_size({ width, height }); }
void set_content_width(CSSPixels width) { set_content_size(width, content_height()); }
void set_content_height(CSSPixels height) { set_content_size(content_width(), height); }
CSSPixels content_width() const { return m_content_size.width(); }
CSSPixels content_height() const { return m_content_size.height(); }
CSSPixelRect absolute_rect() const;
CSSPixelRect absolute_padding_box_rect() const;
CSSPixelRect absolute_border_box_rect() const;
CSSPixelRect overflow_clip_edge_rect() const;
// These united versions of the above rects take continuation into account.
CSSPixelRect absolute_united_border_box_rect() const;
CSSPixelRect absolute_united_content_rect() const;
CSSPixelRect absolute_united_padding_box_rect() const;
CSSPixels border_box_width() const
{
auto border_box = box_model().border_box();
return content_width() + border_box.left + border_box.right;
}
CSSPixels border_box_height() const
{
auto border_box = box_model().border_box();
return content_height() + border_box.top + border_box.bottom;
}
CSSPixels absolute_x() const { return absolute_rect().x(); }
CSSPixels absolute_y() const { return absolute_rect().y(); }
CSSPixelPoint absolute_position() const { return absolute_rect().location(); }
CSSPixelPoint transform_to_local_coordinates(CSSPixelPoint position) const;
[[nodiscard]] bool has_scrollable_overflow() const
{
if (!m_overflow_data.has_value())
return false;
return m_overflow_data->has_scrollable_overflow;
}
[[nodiscard]] bool has_css_transform() const
{
auto const& computed_values = this->computed_values();
return !computed_values.transformations().is_empty()
|| computed_values.rotate()
|| computed_values.translate()
|| computed_values.scale();
}
[[nodiscard]] bool has_non_invertible_css_transform() const { return m_has_non_invertible_css_transform; }
void set_has_non_invertible_css_transform(bool value) { m_has_non_invertible_css_transform = value; }
[[nodiscard]] bool overflow_property_applies() const;
[[nodiscard]] Optional<CSSPixelRect> scrollable_overflow_rect() const
{
if (!m_overflow_data.has_value())
return {};
return m_overflow_data->scrollable_overflow_rect;
}
void set_overflow_data(OverflowData data) { m_overflow_data = move(data); }
virtual void set_needs_repaint(InvalidateDisplayList = InvalidateDisplayList::Yes) override;
[[nodiscard]] virtual TraversalDecision hit_test(CSSPixelPoint position, HitTestType type, Function<TraversalDecision(HitTestResult)> const& callback) const override;
Optional<HitTestResult> hit_test(CSSPixelPoint, HitTestType) const;
virtual bool handle_mousewheel(Badge<EventHandler>, CSSPixelPoint, unsigned buttons, unsigned modifiers, int wheel_delta_x, int wheel_delta_y) override;
struct ScrollbarData {
CSSPixelRect gutter_rect;
CSSPixelRect thumb_rect;
CSSPixelFraction thumb_travel_to_scroll_ratio { 0 };
};
enum class ScrollDirection {
Horizontal,
Vertical,
};
Optional<ScrollbarData> compute_scrollbar_data(
ScrollDirection direction,
ChromeMetrics const& chrome_metrics,
ScrollStateSnapshot const* = nullptr) const;
Optional<CSSPixelRect> absolute_scrollbar_rect(ScrollDirection direction, bool with_gutter, ChromeMetrics const& chrome_metrics) const;
GC::Ptr<Scrollbar> scrollbar(ScrollDirection) const;
GC::Ref<Scrollbar> ensure_scrollbar(ScrollDirection);
enum class ConflictingElementKind {
Cell,
Row,
RowGroup,
Column,
ColumnGroup,
Table,
};
struct BorderDataWithElementKind {
CSS::BorderData border_data;
ConflictingElementKind element_kind;
};
struct BordersDataWithElementKind {
BorderDataWithElementKind top;
BorderDataWithElementKind right;
BorderDataWithElementKind bottom;
BorderDataWithElementKind left;
};
void set_override_borders_data(BordersDataWithElementKind const& override_borders_data) { m_override_borders_data = override_borders_data; }
Optional<BordersDataWithElementKind> const& override_borders_data() const { return m_override_borders_data; }
static BordersData remove_element_kind_from_borders_data(PaintableBox::BordersDataWithElementKind borders_data);
struct TableCellCoordinates {
size_t row_index;
size_t column_index;
size_t row_span;
size_t column_span;
};
void set_table_cell_coordinates(TableCellCoordinates const& table_cell_coordinates) { m_table_cell_coordinates = table_cell_coordinates; }
auto const& table_cell_coordinates() const { return m_table_cell_coordinates; }
enum class ShrinkRadiiForBorders {
Yes,
No
};
BorderRadiiData normalized_border_radii_data(ShrinkRadiiForBorders shrink = ShrinkRadiiForBorders::No) const;
BorderRadiiData border_radii_data() const;
Optional<BordersData> outline_data() const;
CSSPixels outline_offset() const;
void set_filter(ResolvedCSSFilter filter) { m_filter = move(filter); }
ResolvedCSSFilter const& filter() const { return m_filter; }
Optional<CSSPixelRect> get_clip_rect() const;
struct PhysicalResizeAxes {
bool horizontal;
bool vertical;
};
PhysicalResizeAxes physical_resize_axes() const;
bool resizer_contains(CSSPixelPoint adjusted_position, ChromeMetrics const& chrome_metrics) const;
bool is_chrome_mirrored() const;
bool has_resizer() const;
GC::Ptr<ResizeHandle> resize_handle() const;
GC::Ref<ResizeHandle> ensure_resize_handle();
CSSPixelRect transform_reference_box() const;
ScrollFrameIndex nearest_scroll_frame_index() const;
PaintableBox const* nearest_scrollable_ancestor() const;
using StickyInsets = Painting::StickyInsets;
StickyInsets const& sticky_insets() const { return *m_sticky_insets; }
void set_sticky_insets(OwnPtr<StickyInsets> sticky_insets) { m_sticky_insets = move(sticky_insets); }
[[nodiscard]] bool could_be_scrolled_by_wheel_event() const;
void set_used_values_for_grid_template_columns(RefPtr<CSS::GridTrackSizeListStyleValue const> style_value) { m_used_values_for_grid_template_columns = move(style_value); }
RefPtr<CSS::GridTrackSizeListStyleValue const> const& used_values_for_grid_template_columns() const { return m_used_values_for_grid_template_columns; }
void set_used_values_for_grid_template_rows(RefPtr<CSS::GridTrackSizeListStyleValue const> style_value) { m_used_values_for_grid_template_rows = move(style_value); }
RefPtr<CSS::GridTrackSizeListStyleValue const> const& used_values_for_grid_template_rows() const { return m_used_values_for_grid_template_rows; }
void set_enclosing_scroll_frame_index(ScrollFrameIndex index) { m_enclosing_scroll_frame_index = index; }
void set_own_scroll_frame_index(ScrollFrameIndex index) { m_own_scroll_frame_index = index; }
void set_accumulated_visual_context(VisualContextIndex index) { m_accumulated_visual_context_index = index; }
[[nodiscard]] VisualContextIndex accumulated_visual_context_index() const { return m_accumulated_visual_context_index; }
void set_accumulated_visual_context_for_descendants(VisualContextIndex index) { m_accumulated_visual_context_for_descendants_index = index; }
[[nodiscard]] VisualContextIndex accumulated_visual_context_for_descendants_index() const { return m_accumulated_visual_context_for_descendants_index; }
Optional<CSSPixelPoint> transform_point_to_local(CSSPixelPoint screen_position) const;
Optional<CSSPixelPoint> transform_point_to_local_for_descendants(CSSPixelPoint screen_position) const;
CSSPixelRect transform_rect_to_viewport(CSSPixelRect const& rect) const;
CSSPixelPoint inverse_transform_point(CSSPixelPoint screen_position) const;
static constexpr size_t paint_phase_count = to_underlying(PaintPhase::Overlay) + 1;
void invalidate_paint_cache() const { m_cached_phase_commands = {}; }
bool has_cached_commands(PaintPhase phase) const
{
return m_cached_phase_commands[to_underlying(phase)].has_value();
}
Vector<DisplayListCommand> const& cached_commands(PaintPhase phase) const
{
return m_cached_phase_commands[to_underlying(phase)].value();
}
void set_cached_commands(PaintPhase phase, Vector<DisplayListCommand> commands) const
{
m_cached_phase_commands[to_underlying(phase)] = move(commands);
}
[[nodiscard]] ScrollFrameIndex enclosing_scroll_frame_index() const { return m_enclosing_scroll_frame_index; }
[[nodiscard]] ScrollFrameIndex own_scroll_frame_index() const { return m_own_scroll_frame_index; }
protected:
explicit PaintableBox(Layout::Box const&);
explicit PaintableBox(Layout::InlineNode const&);
virtual void visit_edges(Visitor&) override;
virtual void paint_border(DisplayListRecordingContext&) const;
virtual void paint_backdrop_filter(DisplayListRecordingContext&) const;
virtual void paint_background(DisplayListRecordingContext&) const;
virtual void paint_box_shadow(DisplayListRecordingContext&) const;
virtual void paint_inspector_overlay_internal(DisplayListRecordingContext&) const override;
virtual CSSPixelRect compute_absolute_rect() const;
[[nodiscard]] TraversalDecision hit_test_children(CSSPixelPoint position, HitTestType type, Function<TraversalDecision(HitTestResult)> const& callback) const;
[[nodiscard]] TraversalDecision hit_test_continuation(Function<TraversalDecision(HitTestResult)> const& callback) const;
[[nodiscard]] TraversalDecision hit_test_chrome(CSSPixelPoint adjusted_position, Function<TraversalDecision(HitTestResult)> const& callback) const;
CSSPixels available_scrollbar_length(ScrollDirection direction, ChromeMetrics const& chrome_metrics) const;
Optional<CSSPixelRect> absolute_resizer_rect(ChromeMetrics const& chrome_metrics) const;
bool could_be_scrolled_by_wheel_event(ScrollDirection direction) const;
private:
[[nodiscard]] virtual bool is_paintable_box() const final { return true; }
GC::Ptr<StackingContext> m_stacking_context;
Optional<OverflowData> m_overflow_data;
CSSPixelPoint m_offset;
CSSPixelSize m_content_size;
Optional<CSSPixelRect> mutable m_absolute_rect;
Optional<CSSPixelRect> mutable m_absolute_padding_box_rect;
Optional<CSSPixelRect> mutable m_absolute_border_box_rect;
ScrollFrameIndex m_enclosing_scroll_frame_index {};
ScrollFrameIndex m_own_scroll_frame_index {};
VisualContextIndex m_accumulated_visual_context_index {};
VisualContextIndex m_accumulated_visual_context_for_descendants_index {};
Optional<BordersDataWithElementKind> m_override_borders_data;
Optional<TableCellCoordinates> m_table_cell_coordinates;
ResolvedCSSFilter m_filter;
GC::Ptr<Scrollbar> m_horizontal_scrollbar;
GC::Ptr<Scrollbar> m_vertical_scrollbar;
GC::Ptr<ResizeHandle> m_resize_handle;
bool m_has_non_invertible_css_transform { false };
OwnPtr<StickyInsets> m_sticky_insets;
RefPtr<CSS::GridTrackSizeListStyleValue const> m_used_values_for_grid_template_columns;
RefPtr<CSS::GridTrackSizeListStyleValue const> m_used_values_for_grid_template_rows;
BoxModelMetrics m_box_model;
mutable Array<Optional<Vector<DisplayListCommand>>, paint_phase_count> m_cached_phase_commands;
};
}