| 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 |