Skip to content

Add feature for responsive iframes#4077

Open
ddbeck wants to merge 1 commit into
web-platform-dx:mainfrom
ddbeck:add-feature-for-responsively-sized-iframes/krsyzqmypqnm
Open

Add feature for responsive iframes#4077
ddbeck wants to merge 1 commit into
web-platform-dx:mainfrom
ddbeck:add-feature-for-responsively-sized-iframes/krsyzqmypqnm

Conversation

@ddbeck

@ddbeck ddbeck commented May 27, 2026

Copy link
Copy Markdown
Collaborator

Adds a feature for responsive iframes with the frame-sizing CSS property, <meta name="responsive-embedded-sizing"> element, and window.requestResize() API.

Fixes #4036.

@github-actions github-actions Bot added the feature definition Creating or defining new features or groups of features. label May 27, 2026

@Elchi3 Elchi3 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Description looks great to me! Just two thoughts on expected keys.

Comment thread features/frame-sizing.yml
# compat_features:
# - css.properties.frame-sizing
# - css.properties.frame-sizing.auto
# - css.properties.frame-sizing.content-width

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

C.f. https://collector.openwebdocs.org/tests/css/properties/frame-sizing

Suggested change
# - css.properties.frame-sizing.content-width
# - css.properties.frame-sizing.content-height
# - css.properties.frame-sizing.content-width

Comment thread features/frame-sizing.yml
# - css.properties.frame-sizing.content-width
# - css.properties.frame-sizing.content-block-size
# - css.properties.frame-sizing.content-inline-size
# - api.Window.requestResize

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe also this?

Suggested change
# - api.Window.requestResize
# - api.Window.requestResize
# - html.elements.meta.name.responsive-embedded-sizing

Comment thread features/frame-sizing.yml
spec: https://drafts.csswg.org/css-sizing-4/#propdef-frame-sizing
# Expected
# compat_features:
# - css.properties.frame-sizing

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Question for @ddbeck: The linked spec in the feature here mentions the frame's "internal intrinsic size"—would this warrant linking the min-content and max-content CSS keywords in this feature? I'm referring specifically to the intrinsic size concept, as it figures in pretty heavily here for <iframe> contents.

On the other side, I suppose it could be argued that you'd then have to add references for these keywords to many features' compat_features field.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature definition Creating or defining new features or groups of features.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Responsively-sized <iframe>

3 participants