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

LibWeb: Allow IFC to size inline-flex boxes midway through flex layout

Browse source 
The part in FFC where we ask the parent formatting context to size the
flex container midway through layout is really weird, but let's at least
be consistently weird for BFC and IFC. Since IFC always works within its
parent BFC, it can simply forward these requests to the BFC.

This fixes an issue where inline-flex containers incorrectly had main
axis margins subtracted from their content size.
This commit is contained in:
Andreas Kling 2023-06-19 15:19:25 +02:00
parent 1737a0d1d9
commit e99a6fede4
4 changed files with 46 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Tests/LibWeb/Layout/expected/flex/inline-flex-with-main-axis-margin-on-flex-container.txt Normal file
View file

@ -0,0 +1,10 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 500x37.46875 [BFC] children: inline
line 0 width: 272.40625, height: 37.46875, bottom: 37.46875, baseline: 15.53125
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19.46875]
Box <body> at (10,10) content-size 162.40625x19.46875 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (11,11) content-size 160.40625x17.46875 flex-item [BFC] children: inline
line 0 width: 160.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17.46875]
"Immobilie inserieren"
TextNode <#text>

17
Tests/LibWeb/Layout/input/flex/inline-flex-with-main-axis-margin-on-flex-container.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html><style>
* {
border: 1px solid black;
}
html {
background: white;
width: 500px;
}
body {
display: inline-flex;
margin-right: 100px;
background: pink;
}
div {
background: orange;
}
</style><body><div>Immobilie inserieren