layout/reftests/flexbox/flexbox-widget-flex-items-3.html

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

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

mercurial