layout/reftests/flexbox/flexbox-widget-flex-items-3.html@925c144e1f1f
layout/reftests/flexbox/flexbox-widget-flex-items-3.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <!--
7 This testcase checks that, for any widgets that have a single valid size
8 (and hence refuse to flex), we don't honor the "max-width" property
9 when running the flex algorithm, just as we don't honor it outside
10 of flexbox contexts.
11 -->
12 <html>
13 <head>
14 <style>
15 div.flexbox {
16 display: flex;
17 align-items: flex-start;
18 background: lightgray;
19 width: 400px;
20 height: 40px;
21 margin-bottom: 10px;
22 }
23 div.flexbox > * {
24 max-width: 3px;
25 outline: 1px dashed black;
26 margin: 0;
27 vertical-align: top;
28 }
29 </style>
30 </head>
31 <body>
32 <div class="flexbox"><input type="button"></div>
33 <div class="flexbox"><input type="checkbox"></div>
34 <div class="flexbox"><input type="file"></div>
35 <div class="flexbox"><input type="image"></div>
36 <div class="flexbox"><input type="password"></div>
37 <div class="flexbox"><input type="radio"></div>
38 <div class="flexbox"><input type="reset"></div>
39 <div class="flexbox"><input type="submit"></div>
40 <div class="flexbox"><input type="text"></div>
41 </body>
42 </html>
