mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 22:27:35 +00:00
LibWeb: Treat unresolvable percentage flex-basis values as 'content'
Per CSS-FLEXBOX-1, we should treat percentage values of flex-basis as 'content' if they resolve against an indefinite size of the flex container.
This commit is contained in:
parent
8f988b7bae
commit
0d5e0d27aa
3 changed files with 36 additions and 0 deletions
|
@ -0,0 +1,9 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
Box <body.outer> at (8,8) content-size 200x17.46875 flex-container(column) children: not-inline
|
||||
BlockContainer <div.middle> at (8,8) content-size 200x17.46875 flex-item children: not-inline
|
||||
BlockContainer <div.inner> at (8,8) content-size 200x17.46875 children: inline
|
||||
line 0 width: 174.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17.46875]
|
||||
"percentages are hard"
|
||||
TextNode <#text>
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html><style>
|
||||
* {
|
||||
font: 16px SerenitySans;
|
||||
}
|
||||
.outer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 200px;
|
||||
}
|
||||
.middle {
|
||||
flex-basis: 0%;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
.inner {
|
||||
background: lime;
|
||||
}
|
||||
</style><body class="outer"><div class="middle"><div class="inner">percentages are hard
|
Loading…
Add table
Add a link
Reference in a new issue