grid-with-dynamic-img.html

mozilla-central/testing/web-platform/tests/css/css-grid/grid-with-dynamic-img.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Grid

Revision control

Permalink Y
Remove the Permalink
Git log
Mercurial log L
Raw R
Blame

Copy as Markdown

Other Tools

HG Web
Code Coverage

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-grid/grid-with-dynamic-img.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1127715">

<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">

<p>Test passes if there is a filled green square.</p>

<div style="display: grid; width: 100px;">

  <div style="display: grid; margin: auto;">

    <img id="target" style="max-width: 100%; max-height: 100%;">

  </div>

</div>

<script>

document.body.offsetTop;

document.getElementById('target').src = 'data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="green"></rect></svg>';

</script>