RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 22:18:12 +00:00
Code Issues Activity Actions

LibWeb: Implement clip property

Browse source 
Implement clip when it is defined in the css property 'clip' as a rect
according to spec; only when the div is absolutely positioned.
This commit is contained in:
Tom 2022-08-02 15:08:06 +02:00 • committed by Andreas Kling
parent 8163ee1500
commit 5049a56d96
3 changed files with 33 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
View file

@ -113,7 +113,15 @@ void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
if (!is_visible())
return;
auto clip_rect = computed_values().clip();
auto should_clip_rect = clip_rect.is_rect() && computed_values().position() == CSS::Position::Absolute;
if (phase == PaintPhase::Background) {
if (should_clip_rect) {
context.painter().save();
auto border_box = absolute_border_box_rect();
context.painter().add_clip_rect(clip_rect.to_rect().resolved(Paintable::layout_node(), border_box).to_rounded<int>());
}
paint_background(context);
paint_box_shadow(context);
}
@ -122,6 +130,9 @@ void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
paint_border(context);
}
if (phase == PaintPhase::Overlay && should_clip_rect)
context.painter().restore();
if (phase == PaintPhase::Overlay && layout_box().dom_node() && layout_box().document().inspected_node() == layout_box().dom_node()) {
auto content_rect = absolute_rect();