3 <script type="text/javascript">
4 if (window.testRunner) {
5 testRunner.testRepaint();
6 testRunner.repaintSweepHorizontally();
13 background-color: yellow;
17 -moz-box-align: center;
18 -webkit-box-align: center;
23 -moz-box-orient: horizontal;
24 -webkit-box-orient: horizontal;
25 box-orient: horizontal;
29 -moz-box-orient: vertical;
30 -webkit-box-orient: vertical;
37 border: 1px solid black;
45 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>
46 Flexible boxes do not repaint their top, left and children's overflows</i>.
49 <div style="padding:10px;">
50 <div class="flexbox horizontal">
51 <div class="bigbox" style="white-space: pre;">Lorem ipsum dolor sit amet.</div>
54 <div style="padding:10px; margin-top: 20px;">
55 <div class="flexbox horizontal">
56 <div class="bigbox"></div>
59 <div style="padding:10px; margin-top: 20px;">
60 <div class="flexbox vertical">
61 <div class="bigbox"></div>
64 <div style="padding:10px; margin-top: 20px; margin-bottom: 40px;">
65 <div class="flexbox vertical">
66 <div class="bigbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam et ipsum. Nam consectetuer mi eget velit.</div>