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