OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style type="text/css"> | |
5 .percentStyle { | |
6 width: 50%; | |
7 padding: 0; | |
8 margin: 0; | |
9 border: 1px solid green; | |
10 } | |
11 .fixedStyle { | |
12 width: 300px; | |
13 padding: 0; | |
14 margin: 0; | |
15 border: 1px solid green; | |
16 } | |
17 .calculatedStyle { | |
18 width: 200px; | |
19 width: calc(350px + 50px); | |
20 padding: 0; | |
21 margin: 0; | |
22 border: 1px solid green; | |
23 } | |
24 .wrap { | |
25 width: 500px; | |
26 } | |
27 </style> | |
28 </head> | |
29 <body> | |
30 <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=79128">79128</a>: F
ieldset unexpectedly stretches to minimum intrinsic width </p> | |
31 <p> For this test to pass, you should see our first container to be 50% of i
ts parent, second 300px fixed and third calc width of 400px(if not supported fal
lback to 200px fixed) </p> | |
32 <div class="wrap"> | |
33 <fieldset class="percentStyle"> | |
34 Lorem ipsum dolor sit amet, consectetur adipisicing elit | |
35 </fieldset> | |
36 <fieldset class="fixedStyle"> | |
37 Lorem ipsum dolor sit amet, consectetur adipisicing elit | |
38 </fieldset> | |
39 <fieldset class="calculatedStyle"> | |
40 Lorem ipsum dolor sit amet, consectetur adipisicing elit | |
41 </fieldset> | |
42 </div> | |
43 </body> | |
44 </html> | |
OLD | NEW |