JS Test Harness: Insert the stylesheet dynamically
[WebKit-https.git] / LayoutTests / fast / flexbox / repaint-scrollbar.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <script src="../js/resources/js-test-pre.js"></script>
5 </head>
6 <body>
7 <p id="description"></p>
8 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
9     <div id="vertical" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
10         <br><br><br><br><br><br><br><br><br>Lorem ipsum
11     </div>
12 </div>
13 <div style="display: -webkit-box;-webkit-box-orient: horizontal; width: 69px;">
14     <pre id="horizontal" style="overflow-x: scroll; outline: none; height: 80px; -webkit-box-flex:1;">
15 fooooooooooooooo Lorem ipsum
16     </pre>
17 </div>
18 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
19 <div style="display: -webkit-box; height: 69px; width: 80px;">
20     <div id="nest" style="overflow-y: scroll; outline: none; width: 80px; -webkit-box-flex:1;">
21         <br><br><br><br><br><br><br><br><br>Lorem ipsum
22     </div>
23 </div>
24 </div>
25 <div style="display: -webkit-box;-webkit-box-orient: vertical; height: 69px;">
26 <div style="height: 69px; width: 80px;">
27     <div id="nest2" style="overflow-y: scroll; outline: none; width: 80px; height: 69px; -webkit-box-flex:1;">
28         <br><br><br><br><br><br><br><br><br>Lorem ipsum
29     </div>
30 </div>
31 </div>
32 <div id="console"></div>
33 <script src="resources/repaint-scrollbar.js"></script>
34 <script src="../js/resources/js-test-post.js"></script>
35 </body>
36 </html>