ladybird/Tests/LibWeb/Layout/input/flex/cross-alignment-when-nested-in-gfc.html
Aliaksandr Kalenik 564003b22a
Some checks are pending
Lint Code / lint (push) Waiting to run
CI / macOS, arm64, Sanitizer, Clang (push) Waiting to run
CI / Linux, x86_64, Fuzzers, Clang (push) Waiting to run
CI / Linux, x86_64, Sanitizer, GNU (push) Waiting to run
CI / Linux, x86_64, Sanitizer, Clang (push) Waiting to run
Package the js repl as a binary artifact / Linux, arm64 (push) Waiting to run
Package the js repl as a binary artifact / macOS, arm64 (push) Waiting to run
Package the js repl as a binary artifact / Linux, x86_64 (push) Waiting to run
Run test262 and test-wasm / run_and_update_results (push) Waiting to run
Label PRs with merge conflicts / auto-labeler (push) Waiting to run
Push notes / build (push) Waiting to run
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>