wpt/css/css-sizing/stretch/flex-line-005.html at master · web-platform-tests/wpt

Repository navigation

<!DOCTYPE html>

<meta name="assert"

content="An item's cross-size:stretch should stretch to the line size, not the container size; single-line container has indefinite height">

<style>

.container {

display: inline-flex;

width: 100px;

border: solid;

margin: 10px;

}

.container>div {

border: 3px solid;

}

.stretch {

height: -moz-available;

height: -webkit-fill-available;

height: stretch;

}

</style>

<div class="stretch" style="width: 75px; border-color: cyan"

data-expected-height="156"></div>

</div>

checkLayout(".stretch");

</script>