20 lines
916 B
HTML
20 lines
916 B
HTML
<!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>
|