1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 20:37:34 +00:00
serenity/Tests/LibWeb/Layout/input/flex/flex-shorthand-flex-basis-zero-percent.html
Andreas Kling 102b8d717f LibWeb: Set flex-basis to 0% when omitted from flex shorthand
This doesn't match the spec, *but* matches what other engines do, and it
turns out this is required for web compat. (It fixes the menu on MDN.)
2023-06-08 10:05:56 +02:00

24 lines
No EOL
524 B
HTML

<!doctype html><style>
* { border: 1px solid black; }
html { background: white; }
.flex {
display: flex;
flex-wrap: wrap;
background: pink;
width: 500px;
}
.item {
display: flex;
background: orange;
width: 100%;
height: 50px;
}
.one {
flex: 1;
}
.two {
flex: 1 1;
}
</style>
<div class="flex">hello<div class="item one">friends</div></div>
<div class="flex">hello<div class="item two">friends</div></div>