will-change-in-transformed-foreign-object.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/extensibility/foreignObject/will-change-in-transformed-foreign-object.html - WPT Dashboard Interop Dashboard

<!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>