7 background-color: yellow;
11 -moz-box-align: center;
12 -webkit-box-align: center;
17 -moz-box-orient: horizontal;
18 -webkit-box-orient: horizontal;
19 box-orient: horizontal;
23 -moz-box-orient: vertical;
24 -webkit-box-orient: vertical;
31 border:
1px solid black;
39 This is a test for regressions against
<i><a href=
"https://bugs.webkit.org/show_bug.cgi?id=8056">http://bugzilla.opendarwin.org/show_bug.cgi?id=
8056</a>
40 Flexible boxes do not repaint their top, left and children's overflows
</i>.
43 <div style=
"padding:10px;">
44 <div class=
"flexbox horizontal">
45 <div class=
"bigbox" style=
"white-space: pre;">Lorem ipsum dolor sit amet.
</div>
48 <div style=
"padding:10px; margin-top: 20px;">
49 <div class=
"flexbox horizontal">
50 <div class=
"bigbox"></div>
53 <div style=
"padding:10px; margin-top: 20px;">
54 <div class=
"flexbox vertical">
55 <div class=
"bigbox"></div>
58 <div style=
"padding:10px; margin-top: 20px; margin-bottom: 40px;">
59 <div class=
"flexbox vertical">
60 <div class=
"bigbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam et ipsum. Nam consectetuer mi eget velit.
</div>