fune/layout/reftests/flexbox/flexbox-widget-flex-items-2-ref.html
Boris Chiou c35f47093e Bug 1322780 - Part 2: Support unprefixed min-content and max-content. r=mats,emilio
Support unprefixed min-content and max-content and treat the prefixed
version as aliases for
1. width, min-width, max-width if inline-axis is horizontal, and
2. height, min-height, max-height if inline-axis is vertical, and
3. inline-size, min-inline-size, max-inline-size, and
4. flex-basis.

Besides, update the test cases to use unprefixed max-content and
min-content.

Depends on D7535

Differential Revision: https://phabricator.services.mozilla.com/D7536

--HG--
extra : moz-landing-system : lando
2018-12-18 18:47:37 +00:00

36 lines
953 B
HTML

<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
<style>
div.flexbox {
background: lightgray;
width: 400px;
height: 40px;
margin-bottom: 10px;
}
div.flexbox > * {
min-width: 350px;
outline: 1px dashed black;
margin: 0;
vertical-align: top;
display: block;
width: max-content;
}
</style>
</head>
<body>
<div class="flexbox"><input type="button"></div>
<div class="flexbox"><input type="checkbox"></div>
<div class="flexbox"><input type="file"></div>
<div class="flexbox"><input type="image"></div>
<div class="flexbox"><input type="password"></div>
<div class="flexbox"><input type="radio"></div>
<div class="flexbox"><input type="reset"></div>
<div class="flexbox"><input type="submit"></div>
<div class="flexbox"><input type="text"></div>
</body>
</html>