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

LibWeb: Account for absolutely positioned table wrappers

Browse source 
Table wrappers don't quite behave the same as most elements, in that
their computed height and width are not meant to be used for layout.
Instead, we now calculate suitable widths and heights based on the
contents of the table wrapper when performing absolute layout.

Fixes the layout of
http://wpt.live/css/css-position/position-absolute-center-007.html
This commit is contained in:
implicitfield 2024-03-04 22:11:04 +04:00 • committed by Andreas Kling
parent 096ddb0021
commit 0243278587
6 changed files with 333 additions and 188 deletions
Download patch file Download diff file Expand all files Collapse all files

38
Tests/LibWeb/Layout/expected/table/absolute-positioning-alignment.txt Normal file
View file

@ -0,0 +1,38 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (8,8) content-size 784x532 [BFC] children: not-inline
BlockContainer <body> at (16,16) content-size 768x516 children: not-inline
Box <div.container> at (24,24) content-size 500x500 positioned flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
TableWrapper <(anonymous)> at (24,199) content-size 100x150 positioned [BFC] children: not-inline
Box <div.table.left> at (27,202) content-size 94x144 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
TableWrapper <(anonymous)> at (424,199) content-size 100x150 positioned [BFC] children: not-inline
Box <div.table.right> at (427,202) content-size 94x144 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
TableWrapper <(anonymous)> at (199,24) content-size 150x100 positioned [BFC] children: not-inline
Box <div.table.top> at (202,27) content-size 144x94 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
TableWrapper <(anonymous)> at (199,424) content-size 150x100 positioned [BFC] children: not-inline
Box <div.table.bottom> at (202,427) content-size 144x94 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (16,532) content-size 768x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [5,5 790x538]
PaintableWithLines (BlockContainer<BODY>) [13,13 774x522]
PaintableBox (Box<DIV>.container) [21,21 506x506]
PaintableWithLines (TableWrapper(anonymous)) [24,199 100x150]
PaintableBox (Box<DIV>.table.left) [24,199 100x150]
PaintableWithLines (TableWrapper(anonymous)) [424,199 100x150]
PaintableBox (Box<DIV>.table.right) [424,199 100x150]
PaintableWithLines (TableWrapper(anonymous)) [199,24 150x100]
PaintableBox (Box<DIV>.table.top) [199,24 150x100]
PaintableWithLines (TableWrapper(anonymous)) [199,424 150x100]
PaintableBox (Box<DIV>.table.bottom) [199,424 150x100]
PaintableWithLines (BlockContainer(anonymous)) [16,532 768x0]