flexbox assert fails with auto-sized item with padding
[WebKit-https.git] / LayoutTests / css3 / flexbox / negative-flex-rounding-assert.html
1 <!DOCTYPE html>
2 <html>
3 <style>
4 .math {
5     display: -webkit-inline-flex;
6 }
7 .math > * {
8     padding-bottom: 0.35em;
9 }
10 .mfrac {
11     display: -webkit-inline-flex;
12     -webkit-flex-direction: column;
13 }
14 .mfrac > :first-child {
15     -webkit-margin-after: 0.2em;
16 }
17 .mfrac > :last-child {
18     -webkit-margin-before: 0.2em;
19 }
20 .x {
21     line-height: 9px;
22 }
23 .y {
24     line-height: 12px;
25 }
26 </style>
27 <script>
28 if (window.testRunner)
29     testRunner.dumpAsText();
30 </script>
31 <p>This test passes if it does not crash.</p>
32 <div class=math>
33     <div class=mfrac>
34         <div class=mfrac>
35             <div class=x>x</div>
36             <div class=y>y</div>
37         </div>
38         <div class=mfrac>
39             <div class=mfrac>
40                 <div class=x>x</div>
41                 <div class=y>y</div>
42             </div>
43             <div class=x>z</div>
44         </div>
45     </div>
46 </div>
47 </html>