ladybird/Tests/LibWeb/Layout/input/flex/cross-alignment-when-nested-in-gfc.html
Aliaksandr Kalenik 564003b22a LibWeb: Mark width & height of grid item definite before inside layout
FFC expects parent formatting context to mark size as definite if that's
the case, because otherwise it cannot figure cross line size correctly.
Fixes incorrect alignment when FFC is nested in GFC.

Progress on https://web.telegram.org/a/ layout.
2025-08-07 09:34:16 +02:00

22 lines
No EOL
511 B
HTML

<!DOCTYPE html><style>
html,body {
background-color: #99ba92;
height: 100%;
width: 100%;
margin: 0;
}
#Main {
height: 100%;
display: grid;
grid-template-rows: 100%;
}
#MiddleColumn {
display: flex;
background-color: mediumslateblue;
}
.MiddleHeader {
width: 100px;
height: 100px;
background: pink;
}
</style><div id="Main"><div id="MiddleColumn"><div class="MiddleHeader"></div></div>