blob: b055cd91280bc1fd2e43ede1f1fe0e0be59e5f44 [file] [log] [blame]
zalan@apple.com75ae13c2015-05-29 23:53:24 +00001<!DOCTYPE html>
2<html>
3<head>
4<title>This tests that that sibling container gets composited when composition of the inner content is forced by its child container.</title>
5<style>
6 .container {
7 transform: translateZ(0);
8 height: 200px;
9 width: 200px;
10 }
11
12 .inner {
13 z-index: 1;
14 overflow: hidden;
15 position: absolute;
16 width: 200px;
17 height: 200px;
18 background-color: silver;
19 }
20
21 .inner-most {
22 transform: translateZ(0);
23 display: inline-block;
24 width: 100px;
25 height: 100px;
26 border: 1px solid green;
27 margin-top: 60px;
28 }
29
30 .sibling {
31 z-index: 1;
32 position: relative;
33 width: 200px;
34 height: 40px;
35 background-color: green;
36 }
37</style>
38<body>
39<div class=container>
40 <div class=inner>
41 <div class=inner-most>composited</div>
42 </div>
43 <div class=sibling></div>
44</div>
45</body>
46</html>