blob: f0119b8d154ec80e42ab9a97260b861b3ca05bef [file] [log] [blame]
commit-queue@webkit.orgfd5b16d2012-03-23 03:07:24 +00001<!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>: Fieldset unexpectedly stretches to minimum intrinsic width </p>
31 <p> For this test to pass, you should see our first container to be 50% of its parent, second 300px fixed and third calc width of 400px(if not supported fallback to 200px fixed) </p>
32 <div class="wrap">
33 <div class="percentStyle">
34 Lorem ipsum dolor sit amet, consectetur adipisicing elit
35 </div>
36 <div class="fixedStyle">
37 Lorem ipsum dolor sit amet, consectetur adipisicing elit
38 </div>
39 <div class="calculatedStyle">
40 Lorem ipsum dolor sit amet, consectetur adipisicing elit
41 </div>
42 </div>
43 </body>
44</html>