From df8e852b8540a10b5bc3b56e934a352b76262a0c Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 23 Jun 2026 20:34:19 +0100 Subject: [PATCH 1/2] Chrome 151 responsive iframe sizing --- api/Window.json | 31 +++++ css/properties/frame-sizing.json | 192 +++++++++++++++++++++++++++++++ html/elements/meta.json | 35 ++++++ 3 files changed, 258 insertions(+) create mode 100644 css/properties/frame-sizing.json diff --git a/api/Window.json b/api/Window.json index 49f76414e800b8..fb558165b61148 100644 --- a/api/Window.json +++ b/api/Window.json @@ -5132,6 +5132,37 @@ } } }, + "requestResize": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#dom-window-requestresize", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, "resize_event": { "__compat": { "description": "`resize` event", diff --git a/css/properties/frame-sizing.json b/css/properties/frame-sizing.json new file mode 100644 index 00000000000000..2c4b0f93950d3f --- /dev/null +++ b/css/properties/frame-sizing.json @@ -0,0 +1,192 @@ +{ + "css": { + "properties": { + "frame-sizing": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#responsive-iframes", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + }, + "auto": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-auto", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "content-block-size": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-block-size", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "content-height": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-height", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "content-inline-size": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-inline-size", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "content-width": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-width", + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } + } +} diff --git a/html/elements/meta.json b/html/elements/meta.json index 66285510dcb540..846fede46bfcb5 100644 --- a/html/elements/meta.json +++ b/html/elements/meta.json @@ -494,6 +494,41 @@ } } }, + "responsive-embedded-sizing": { + "__compat": { + "description": "``", + "spec_url": "https://drafts.csswg.org/css-sizing-4/#iframe-frame-sizing:~:text=If%20a-,%3Cmeta%20name%3Dresponsive%2Dembedded%2Dsizing%3E", + "tags": [ + "web-features:meta-text-scale" + ], + "support": { + "chrome": { + "version_added": "151" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, "text-scale": { "__compat": { "description": "``", From a928f3361cbe431ccdc48a3cbc4c747a2a474588 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Fri, 26 Jun 2026 17:27:42 +0100 Subject: [PATCH 2/2] Change Chrome support versions to preview --- api/Window.json | 2 +- css/properties/frame-sizing.json | 12 ++++++------ html/elements/meta.json | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/api/Window.json b/api/Window.json index fb558165b61148..d54942f96a127a 100644 --- a/api/Window.json +++ b/api/Window.json @@ -5137,7 +5137,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#dom-window-requestresize", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", diff --git a/css/properties/frame-sizing.json b/css/properties/frame-sizing.json index 2c4b0f93950d3f..0fde4f49e1a432 100644 --- a/css/properties/frame-sizing.json +++ b/css/properties/frame-sizing.json @@ -6,7 +6,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#responsive-iframes", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", @@ -36,7 +36,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-auto", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", @@ -67,7 +67,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-block-size", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", @@ -98,7 +98,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-height", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", @@ -129,7 +129,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-inline-size", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", @@ -160,7 +160,7 @@ "spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-width", "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror", diff --git a/html/elements/meta.json b/html/elements/meta.json index 846fede46bfcb5..f2817dac3d9d67 100644 --- a/html/elements/meta.json +++ b/html/elements/meta.json @@ -503,7 +503,7 @@ ], "support": { "chrome": { - "version_added": "151" + "version_added": "preview" }, "chrome_android": "mirror", "edge": "mirror",