Intent to Ship: Responsively-sized <iframe>

[Koji Ishii]

Contact emails

chri...@chromium.org, ko...@chromium.org, ikilp...@chromium.org

Explainer

https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md

Specification

https://drafts.csswg.org/css-sizing-4/#responsive-iframes

Summary

Allow sites to opt into iframes having responsive sizing (sizing the <iframe> element in the parent document to the iframe document's layout overflow sizing, so that scrolling in the child document is avoided).

Blink component

Blink>Layout

Web Feature ID

Missing feature

Motivation

This is a natural feature to have for iframes, when the site wants to render the iframe content so that it looks seamless with the parent frame and avoids scrollbars.

Initial public proposal

https://github.com/whatwg/html/issues/555

TAG review

https://github.com/w3ctag/design-reviews/issues/1223

TAG review status

Pending

Goals for experimentation

None

Risks

Interoperability and Compatibility

No information provided

Gecko: No signal (https://github.com/mozilla/standards-positions/issues/1394)

WebKit: No signal (https://github.com/WebKit/standards-positions/issues/653)

Web developers: No signals Plenty of developer demand is expressed in the feature request standards issues: https://github.com/whatwg/html/issues/555 https://github.com/w3c/csswg-drafts/issues/1771 https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md#use-cases

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

No information provided

Debuggability

No information provided

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes
https://wpt.fyi/results/css/css-sizing/responsive-iframe?label=experimental&label=master&aligned

Flag name on about://flags

responsive-iframes

Finch feature name

ResponsiveIframes

Rollout plan

Will ship enabled for all users

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/418397278

Estimated milestones

Shipping on desktop	150
Shipping on Android	150
Shipping on WebView	150

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

https://github.com/w3c/csswg-drafts/issues/13589 - cross-origin case left a possibility of change: "RESOLVED: Check with security folks whether cross-origin case leaking info is an issue that needs mitigation"

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5108373464547328?gate=5102892096421888

Links to previous Intent discussions

Intent to Prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/682bb3fa.2b0a0220.146035.00b7.GAE%40google.com

This intent message was generated by Chrome Platform Status.