| <!DOCTYPE html> |
| <style> |
| #composited-non-stacking-context { |
| position: relative; |
| width: 1px; |
| height: 1px; |
| backface-visibility: hidden; |
| } |
| |
| #non-composited-pseudo-stacking-context-descendant { |
| position: relative; |
| top: 10px; |
| width: 400px; |
| } |
| </style> |
| <div id="composited-non-stacking-context"> |
| <div id="non-composited-pseudo-stacking-context-descendant"> |
| This test succeed if the text gets repainted with a green background.<br/> |
| The text belongs to a (pseudo) stacking context that is enclosed by a composited |
| non-stacking context. Since the parent is not a stacking context, this (pseudo) |
| stacking context should be painted as a child stacking context of the root. |
| </div> |
| </div> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| var bug = document.getElementById("non-composited-pseudo-stacking-context-descendant"); |
| bug.style.background = "red"; |
| runAfterLayoutAndPaint(function() { |
| bug.style.background = "green"; |
| }, true); |
| </script> |