layout/reftests/forms/fieldset/overflow-hidden-ref.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.

     1 <!DOCTYPE HTML>
     2 <html><head>
     3     <meta charset="utf-8">
     4     <title>Testcase for bug 971933</title>
     5     <style type="text/css">
     6         html,body {
     7             color:black; background-color:white; font-size:16px;
     8         }
     9 #f0 div::before { content: "f0"; }
    10 #f1 div::before { content: "f1"; }
    11 #f2 div::before { content: "f2"; }
    12 #f3 div::before { content: "f3"; }
    13 #f4 div::before { content: "f4"; }
    14 #f5 div::before { content: "f5"; }
    15 #f6 div::before { content: "f6"; }
    16 #f7 div::before { content: "f7"; }
    17 #f8 div::before { content: "f8"; }
    18 #f9 div::before { content: "f9"; }
    20 legend { background:pink; height:30px; }
    21 div { background:yellow; height:100px; overflow:hidden; }
    22 fieldset {
    23     border-width:0;
    24     padding:0;
    25     margin:0;
    26     margin-top:6px;
    27     outline:1px dotted black;
    28     height:auto;
    29     background:grey;
    31     padding-bottom:0px;
    32     padding-top:5px;
    33     border:1px solid blue;
    34     border-top-width:7px;
    35 }
    37 #f1 { }
    38 #f2 { border-top-width:0; }
    39 #f3 { border-width:0; }
    40 #f4 { border-bottom-width:0; }
    41 #f5 { border-width:0; padding:0; }
    42 #f6 { border-width:0; padding-bottom:0; }
    43 #f7 { border-width:0; padding-top:0; }
    44 #f8 { padding-top:0; }
    45 #f9 { padding-bottom:0; }
    46 #f0 { padding:0; }
    48 #c2 fieldset { height:29px; }
    50 #c3 fieldset { height:39px; }
    52 #c4 fieldset { height:29px; }
    53 #c4 legend { height: 20px; }
    55 #c5 legend { height:21px; }
    56 #c5 fieldset { border-top-width:31px; }
    58 .col { float:left; width:10ch; margin-left:6px; }
    60 #c1 div { height:3px; } #c1 #f6 div, #c1 #f9 div, #c1 #f0 div { height:0; }
    61 #c1 #f5 div { height:0px; }
    63 #c2 div { height:9px; }
    64   #c2 #f1 { padding-bottom:3px; } #c2 #f1 div { height:9px;}
    65   #c2 #f2 { padding-bottom:3px; } #c2 #f2 div { height:3px; }
    66   #c2 #f3 { padding-bottom:3px; } #c2 #f3 div { height:3px; }
    67   #c2 #f4 { padding-bottom:3px; }
    68   #c2 #f5 div { height:0; }
    69   #c2 #f6 div { height:0; }
    70   #c2 #f7 { padding-bottom:3px; } #c2 #f7 div { height:3px; }
    71   #c2 #f8 { padding-bottom:3px; } #c2 #f8 div { height:9px; }
    72   #c2 #f9 div { height:6px; }
    73   #c2 #f0 div { height:6px; }
    75 #c3 fieldset { padding-bottom:3px; }
    76   #c3 #f1 div { height:19px; }
    77   #c3 #f2 div { height:12px; }
    78   #c3 #f3 div { height:12px; }
    79   #c3 #f4 div { height:19px; }
    80   #c3 #f5 { padding-bottom:0; } #c3 #f5 div { height:9px; }
    81   #c3 #f6 { padding-bottom:0; } #c3 #f6 div { height:9px; }
    82   #c3 #f7 div { height:12px; }
    83   #c3 #f8 div { height:19px; }
    84   #c3 #f9 { padding-bottom:0; } #c3 #f9 div { height:16px; }
    85   #c3 #f0 { padding-bottom:0; } #c3 #f0 div { height:16px; }
    87 #c4 fieldset { padding-bottom:3px; }
    88   #c4 #f1 div { height:19px; }
    89   #c4 #f2 div { height:12px; }
    90   #c4 #f3 div { height:12px; }
    91   #c4 #f4 div { height:19px; }
    92   #c4 #f5 { padding-bottom:0; } #c4 #f5 div { height:9px; }
    93   #c4 #f6 { padding-bottom:0; } #c4 #f6 div { height:9px; }
    94   #c4 #f7 div { height:12px; }
    95   #c4 #f8 div { height:19px; }
    96   #c4 #f9 { padding-bottom:0; } #c4 #f9 div { height:16px; }
    97   #c4 #f0 { padding-bottom:0; } #c4 #f0 div { height:16px; }
    99   #c5 #f1 div { height:18px; }
   100   #c5 #f2 div { height:18px; }
   101   #c5 #f3 div { height:18px; }
   102   #c5 #f4 div { height:18px; }
   103   #c5 #f5 div { height:15px; }
   104   #c5 #f6 div { height:15px; }
   105   #c5 #f7 div { height:18px; }
   106   #c5 #f8 div { height:18px; }
   107   #c5 #f9 div { height:15px; }
   108   #c5 #f0 div { height:15px; }
   110 </style>
   111 </head>
   112 <body>
   113 <span id=c1 class=col>C1
   114         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
   115         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
   116         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
   117         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
   118         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
   119         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
   120         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
   121         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
   122         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
   123         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
   124 </span>
   125 <span id=c2 class=col>C2
   126         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
   127         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
   128         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
   129         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
   130         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
   131         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
   132         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
   133         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
   134         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
   135         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
   136 </span>
   137 <span id=c3 class=col>C3
   138         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
   139         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
   140         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
   141         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
   142         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
   143         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
   144         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
   145         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
   146         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
   147         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
   148 </span>
   149 <span id=c4 class=col>C4
   150         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
   151         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
   152         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
   153         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
   154         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
   155         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
   156         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
   157         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
   158         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
   159         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
   160 </span>
   161 <span id=c5 class=col>C5
   162         <fieldset id=f1><legend>LEGEND</legend><div></div></fieldset>
   163         <fieldset id=f2><legend>LEGEND</legend><div></div></fieldset>
   164         <fieldset id=f3><legend>LEGEND</legend><div></div></fieldset>
   165         <fieldset id=f4><legend>LEGEND</legend><div></div></fieldset>
   166         <fieldset id=f5><legend>LEGEND</legend><div></div></fieldset>
   167         <fieldset id=f6><legend>LEGEND</legend><div></div></fieldset>
   168         <fieldset id=f7><legend>LEGEND</legend><div></div></fieldset>
   169         <fieldset id=f8><legend>LEGEND</legend><div></div></fieldset>
   170         <fieldset id=f9><legend>LEGEND</legend><div></div></fieldset>
   171         <fieldset id=f0><legend>LEGEND</legend><div></div></fieldset>
   172 </span>
   174 </body>
   175 </html>

mercurial