layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-5-ref.html@7540298fafa1
layout/reftests/w3c-css/submitted/flexbox/flexbox-overflow-vert-5-ref.html
Thu, 15 Jan 2015 21:13:52 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:13:52 +0100
- branch
- TOR_BUG_9701
- changeset 12
- 7540298fafa1
- permissions
- -rw-r--r--
Remove forgotten relic of ABI crash risk averse overloaded method change.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <html>
7 <head>
8 <title>CSS Reftest Reference</title>
9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
10 <style>
11 .flexContainer {
12 background: purple;
13 display: flex;
14 flex-direction: column;
15 flex-wrap: wrap;
16 align-content: space-around;
17 width: 70px;
18 height: 70px;
19 margin-bottom: 5px;
20 }
21 .bigItem {
22 background: blue;
23 flex: none; /* prevent shrinking (so we can intentionally overflow) */
24 width: 20px;
25 height: 72px;
26 }
27 .smallItem {
28 background: teal;
29 width: 20px;
30 height: 20px;
31 }
32 .hidden > .bigItem {
33 /* To match the testcase's "overflow:hidden"-cropped flex item, we
34 just use a smaller height that exactly fits our container (and
35 doesn't overflow). */
36 height: 70px;
37 }
38 </style>
39 </head>
40 <body>
41 <div class="flexContainer"><!-- (overflow un-set) -->
42 <div class="bigItem"></div>
43 <div class="smallItem"></div>
44 </div>
45 <div class="flexContainer hidden">
46 <div class="bigItem"></div>
47 <div class="smallItem"></div>
48 </div>
49 </body>
50 </html>
