| <!DOCTYPE html> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| container.style.width = '200px'; |
| }, true); |
| }; |
| </script> |
| Tests repaint of subsequences when a non-stacking-context ancestor's clip changes. |
| Passes if the text is clipped at the yellow background. |
| <div id="container" style="overflow: hidden; background-color: yellow"> |
| <div style="display: inline-block;"> |
| <div style="width: 500px"> |
| <div style="z-index: 2; position: relative"> |
| <span style="display: inline-block; visibility: hidden; opacity: .6; width: 10px"></span> |
| Should be clipped: ABCDEFGHIJKLMNOPQRSTUVWXYZ |
| </div> |
| </div> |
| </div> |
| </div> |