computed-style-003.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/cssom/computed-style-003.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Test: getComputedStyle - resolved width in iframe dynamic display</title>

<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org" />

<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values" />

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<iframe id="frm" width="100" style="display:none"></iframe>

<script>

  const frmDoc = frm.contentWindow.document;

  frmDoc.open();

  frmDoc.write('<body style="margin:0"><div style="width:100%"></div>');

  frmDoc.close();

  document.body.offsetWidth; // Make sure we layout the top document.

  test(() => {

    frm.style.display = "inline";

    assert_equals(frm.contentWindow.getComputedStyle(frmDoc.querySelector("div")).width, "100px");

  }, "Check that a percent width in an iframe is the resolved width when the iframe is displayed.");

</script>