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