mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 03:17:35 +00:00
LibWeb: Allow IFC to size inline-flex boxes midway through flex layout
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:
parent
1737a0d1d9
commit
e99a6fede4
4 changed files with 46 additions and 0 deletions
|
@ -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>
|
|
@ -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
|
Loading…
Add table
Add a link
Reference in a new issue