gecko/layout/reftests/flexbox/flexbox-basic-img-vert-2.xhtml

37 lines
999 B
HTML

<?xml version="1.0" encoding="UTF-8"?>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
This test checks that an img element with "min-height: min-content"
and a huge specified "height" ends up being shrinkable. (In particular,
the large "height" value shouldn't influence the min-content height).
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div.flexbox {
height: 50px;
width: 50px;
border: 2px dotted black;
display: flex;
flex-direction: column;
}
img {
width: 50px;
height: 1000px;
background: purple;
/* min-height: min-content isn't supported yet (bug 852367), but we'd
like this to work when it is supported. */
min-height: -moz-min-content;
}
</style>
</head>
<body>
<div class="flexbox">
<img src="solidblue.png"/>
</div>
</body>
</html>