OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <style> | |
3 #composited-non-stacking-context { | |
4 position: relative; | |
5 width: 1px; | |
6 height: 1px; | |
7 backface-visibility: hidden; | |
8 } | |
9 | |
10 #non-composited-pseudo-stacking-context-descendant { | |
11 position: relative; | |
12 top: 10px; | |
13 width: 400px; | |
14 } | |
15 </style> | |
16 <div id="composited-non-stacking-context"> | |
17 <div id="non-composited-pseudo-stacking-context-descendant"> | |
18 This test succeed if the text gets repainted with a green background.<br
/> | |
19 The text belongs to a (pseudo) stacking context that is enclosed by a co
mposited | |
20 non-stacking context. Since the parent is not a stacking context, this (
pseudo) | |
21 stacking context should be painted as a child stacking context of the ro
ot. | |
22 </div> | |
23 </div> | |
24 <script src="../../resources/run-after-layout-and-paint.js"></script> | |
25 <script> | |
26 var bug = document.getElementById("non-composited-pseudo-stacking-context-descen
dant"); | |
27 bug.style.background = "red"; | |
28 runAfterLayoutAndPaint(function() { | |
29 bug.style.background = "green"; | |
30 }, true); | |
31 </script> | |
OLD | NEW |