ladybird/Tests/LibWeb/Layout/input/flex-auto.html

<!DOCTYPE html>
<style>
    body {
        font-family: 'SerenitySans';
    }

    .container {
        display: flex;
        border: 1px solid salmon;
        flex-flow: row nowrap;
        width: 500px;
    }

    .box {
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
</style>
<div class="container">
    <div class="box" style="flex: auto;">1</div>
    <div class="box" style="flex: auto;">2</div>
    <div class="box" style="flex: auto;">3</div>
</div>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Add tests for flex formatting context 2023-02-08 01:40:38 +03:00			`<style>`
			`body {`
			`font-family: 'SerenitySans';`
			`}`

			`.container {`
			`display: flex;`
			`border: 1px solid salmon;`
			`flex-flow: row nowrap;`
			`width: 500px;`
			`}`

			`.box {`
			`width: 100px;`
			`height: 100px;`
			`border: 1px solid black;`
			`}`
			`</style>`
			`<div class="container">`
			`<div class="box" style="flex: auto;">1</div>`
			`<div class="box" style="flex: auto;">2</div>`
			`<div class="box" style="flex: auto;">3</div>`
			`</div>`