RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 05:37:43 +00:00
Code Issues Activity Actions

LibWeb: Make sure float: left boxes get pushed down if they can't fit

Browse source
This commit is contained in:
Andreas Kling 2023-03-15 10:22:37 +01:00
parent 52e2095a3f
commit db545b51ef
5 changed files with 110 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Tests/LibWeb/Layout/expected/bfc-float-left-break-vertically-2.txt Normal file
View file

@ -0,0 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x150 children: not-inline
BlockContainer <body> at (0,0) content-size 200x0 children: not-inline
BlockContainer <ul> at (0,0) content-size 200x0 children: inline
BlockContainer <div.red> at (0,0) content-size 150x50 floating children: not-inline
BlockContainer <div.green> at (0,50) content-size 150x50 floating children: not-inline
TextNode <#text>
BlockContainer <div.orange> at (0,100) content-size 150x50 floating children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 200x0 children: inline
TextNode <#text>

18
Tests/LibWeb/Layout/expected/bfc-float-left-break-vertically.txt Normal file
View file

@ -0,0 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x107 children: not-inline
BlockContainer <(anonymous)> at (1,1) content-size 798x0 children: inline
TextNode <#text>
BlockContainer <body> at (2,2) content-size 400x2 children: not-inline
BlockContainer <(anonymous)> at (2,2) content-size 400x0 children: inline
TextNode <#text>
BlockContainer <div.ul> at (3,3) content-size 398x0 children: inline
TextNode <#text>
BlockContainer <div.yellow> at (4,4) content-size 60x50 floating children: not-inline
TextNode <#text>
BlockContainer <div.orange> at (66,4) content-size 250x50 floating children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> at (2,4) content-size 400x0 children: inline
TextNode <#text>
BlockContainer <div.green> at (3,57) content-size 100x50 floating children: not-inline
BlockContainer <(anonymous)> at (2,4) content-size 400x0 children: inline
TextNode <#text>