| <!doctype html> |
| <meta charset="utf-8"> |
| <title>Test that a transformed foreignObject element can contain will-change content</title> |
| <link rel="match" href="will-change-in-transformed-foreign-object-ref.html"> |
| <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> |
| <p>You should see a 100x100 green box horizontally offset by 50px. No red should be visible.</p> |
| <svg style="width: 500px; height: 500px;"> |
| <rect id="should-be-hidden" width="100" height="100" fill="red" x="50" y="0"></rect> |
| <foreignObject width="400" height="200" transform="translate(50,0)"> |
| <div style="will-change: transform; width: 100px; height: 100px; background: green;"></div> |
| </foreignObject> |
| </svg> |