RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 19:27:45 +00:00
Code Issues Activity Actions

LibWeb: Account for containing block padding when placing abspos boxes

Browse source 
Unlike the other positioning schemes, absolute positioning is relative
to the *padding* edge of the containing block.
This commit is contained in:
Andreas Kling 2022-09-14 14:38:55 +02:00
parent d27136fcb0
commit 35a9a2fbb2
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
Userland/Libraries/LibWeb/Layout/FormattingContext.cpp
View file

@ -802,6 +802,9 @@ void FormattingContext::layout_absolutely_positioned_element(Box const& box)
used_offset.set_y(y_offset); used_offset.set_y(y_offset);
} }
// NOTE: Absolutely positioned boxes are relative to the *padding edge* of the containing block.
used_offset.translate_by(-containing_block_state.padding_left, -containing_block_state.padding_top);
box_state.offset = used_offset; box_state.offset = used_offset;
if (independent_formatting_context) if (independent_formatting_context)