| <!DOCTYPE html> |
| <script src=../../resources/run-after-layout-and-paint.js></script> |
| <svg width="100" height="100"> |
| <clipPath id="clip"> |
| <rect width="50%" height="50%"/> |
| <text y="25%" font-size="1px">Sabotage!</text> |
| </clipPath> |
| |
| <rect width="50%" height="50%" fill="red"/> |
| <rect width="800" height="800" fill="green" clip-path="url(#clip)"/> |
| </svg> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| document.querySelector('svg').setAttribute('width', '200'); |
| document.querySelector('svg').setAttribute('height', '200'); |
| }, true); |
| </script> |