f0c80038a63c843943464f8a1405ce4c6541ea6d
[WebKit-https.git] / LayoutTests / fast / regions / inline-block-inside-anonymous-overflow-with-covered-controls-expected.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <style>
5             .region {
6                 border: 3px solid blue;
7                 float: left;
8             }
9             #region1 {
10                 height: 250px;
11             }
12             #region2 {
13                 width: 300px;
14                 height: 200px;
15                 margin-left: 50px;
16             }
17             .article {
18                 background-color: #009999;
19             }
20             #article1 {
21                 height: 230px;
22             }
23             #video {
24                 width: 320px;
25                 height: 300px;
26                 background-color: salmon;
27                 border: 3px solid black;
28             }
29             #controlsBlocker {
30                 position: absolute;
31                 display: block;
32                 width: 350px;
33                 height: 40px;
34                 top: 350px;
35                 left: 5px;
36                 z-index: 1000;
37                 background-color: black;
38             }
39         </style>
40     </head>
41
42     <body>
43         <a href="https://bugs.webkit.org/show_bug.cgi?id=132601">Bug 132601 - [CSS Regions] Block incorrectly sized when containing an unsplittable box</a>
44         <p>This test passes if the <span style="color:#00BB00">green text</span> is positioned at the very top of the second <span style="color:blue">region</span> and the <span style="color:blue">blue text</span> immediately after it.</p>
45         <div class="region" id="region1">
46             <div class="article" id="article1">
47                 <video id="video" controls></video><span style="color:#00FF00">
48             </div>
49         </div>
50         
51         <div class="region" id="region2">
52             <div class="article" id="article2">
53                 <span style="color:#00FF00">This text, together with the video element, are inside an anonymouse block</span>
54                 <div id="after" style="color:blue">This div is after the anonymous block</div>
55             </div>
56         </div>
57         <div id="controlsBlocker"></div>
58     </body>
59 </html>