commit a493e8675b2a5df2ef44de25fd517780a7dbcc36
parent 52b4b31426cc1c481b3f337e55ab85aef316fcc3
Author: Koji Ishii <kojii@chromium.org>
Date: Mon, 10 Nov 2025 22:18:54 +0000
Bug 1998853 [wpt PR 55930] - [iframe] Check `contain-intrinsic-block-size` instead of `-inline-size`, a=testonly
Automatic update from web-platform-tests
[iframe] Check `contain-intrinsic-block-size` instead of `-inline-size`
This patch changes to check the `contain-intrinsic-block-size`
longhand property instead of `-inline-size`, as it's the block
size that is responsively sized.
Bug: 418397278
Change-Id: I38b3328188ec9582c6803fdaa61e8b2a459be972
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7126505
Commit-Queue: Koji Ishii <kojii@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1541580}
--
wpt-commits: fcb8d91e56a2e6f29f9d03ef06c3cd4eba1a64f4
wpt-pr: 55930
Diffstat:
1 file changed, 31 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-sizing/responsive-iframe/responsive-iframe-logical.tentative.html b/testing/web-platform/tests/css/css-sizing/responsive-iframe/responsive-iframe-logical.tentative.html
@@ -0,0 +1,31 @@
+<!doctype HTML>
+<title>Test that `contain-intrinsic-block-size` makes IFRAMEs be responsively sized.</title>
+<link rel="author" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-sizing/">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+iframe {
+ border: none;
+}
+
+#block {
+ contain-intrinsic-block-size: from-element;
+}
+
+#inline {
+ contain-intrinsic-inline-size: from-element;
+}
+</style>
+<iframe id="block" frameborder=0 src="resources/iframe-contents.html"></iframe>
+<iframe id="inline" frameborder=0 src="resources/iframe-contents.html"></iframe>
+<script>
+async_test(t => {
+ window.addEventListener('load', t.step_func_done(e => {
+ const block = document.getElementById('block');
+ assert_equals(block.offsetHeight, 400);
+ const inline = document.getElementById('inline');
+ assert_equals(inline.offsetHeight, 150);
+ }));
+}, "`contain-intrinsic-block-size` makes IFRAMEs be responsively sized");
+</script>
