auto-height-with-flex.html

mozilla-central/testing/web-platform/tests/css/css-flexbox/auto-height-with-flex.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Flexbox

Revision control

Permalink Y
Remove the Permalink
Git log
Mercurial log L
Raw R
Blame

Copy as Markdown

Other Tools

HG Web
Code Coverage

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-flexbox/auto-height-with-flex.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-basis-property">

<link rel="match" href="reference/auto-height-with-flex-ref.html">

<meta name="assert" content="This test ensures that a vertical flexbox (with auto height) and a flexitem with flex: 1; will not have 0 set to the flex basis, but to auto instead."/>

<div style="display: flex; flex-direction: column; border: 1px solid purple;">

<div>Header</div>

<div style="flex: 1">Flexible content<br>

</div>

</div>