mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-28 03:39:17 +00:00
1fa3b16c8c
Some checks are pending
Lint Code / lint (push) Waiting to run
CI / Lagom (arm64, Sanitizer_CI, false, macos-15, macOS, Clang) (push) Waiting to run
CI / Lagom (x86_64, Fuzzers_CI, false, ubuntu-24.04, Linux, Clang) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, false, ubuntu-24.04, Linux, GNU) (push) Waiting to run
CI / Lagom (x86_64, Sanitizer_CI, true, ubuntu-24.04, Linux, Clang) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (arm64, macos-15, macOS, macOS-universal2) (push) Waiting to run
Package the js repl as a binary artifact / build-and-package (x86_64, ubuntu-24.04, Linux, 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
This adds doctypes to all the remaining flexbox layout tests.
84 lines
2.7 KiB
HTML
84 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<style>
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
body {
|
|
width: 500px;
|
|
height: 2000px;
|
|
}
|
|
</style>
|
|
|
|
<div style="display: flex;">
|
|
<div style="background: rgba(255, 0, 0, 0.2);">abcdefghij</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="width: 0; background: rgba(0, 255, 0, 0.2);">abcdefghij</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="background: rgba(0, 0, 255, 0.2);">
|
|
<span style="display: inline-block; width: 100px;">x</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="width: min-content; background: rgba(255, 255, 0, 0.2);">longwordlongwordlongword</div>
|
|
</div>
|
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
<div style="background: rgba(0, 255, 255, 0.2);">
|
|
<div style="height: 200px; background: rgba(255, 0, 255, 0.2);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="flex: 1 1 auto; background: rgba(192, 0, 0, 0.2);">abcdefghij</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII"
|
|
style="flex-basis: auto; background: rgba(0, 192, 0, 0.2);">
|
|
</div>
|
|
|
|
<div style="display: flex; flex-wrap: wrap; width: 100px;">
|
|
<div style="flex-basis: auto; background: rgba(0, 0, 192, 0.2);">longwordlongwordlongword</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="aspect-ratio: 2 / 1; background: rgba(192, 192, 0, 0.2);">hello</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="aspect-ratio: 2 / 1; width: 200px; background: rgba(0, 192, 192, 0.2);"></div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="aspect-ratio: 1 / 1; background: rgba(192, 0, 192, 0.2);">
|
|
<div style="height: 100px; background: rgba(128, 0, 0, 0.2);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
<div style="overflow: hidden; background: rgba(0, 128, 0, 0.2);">
|
|
<div style="height: 120px; background: rgba(0, 0, 128, 0.2);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex; flex-direction: column;">
|
|
<div style="overflow: auto; background: rgba(128, 128, 0, 0.2);">
|
|
<div style="height: 300px; background: rgba(0, 128, 128, 0.2);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<div style="overflow: scroll; background: rgba(128, 0, 128, 0.2);">
|
|
<div style="width: 300px; height: 150px; background: rgba(64, 0, 0, 0.2);"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: flex;">
|
|
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII"
|
|
style="aspect-ratio: 1 / 1; background: rgba(0, 64, 0, 0.2);">
|
|
</div>
|