Skip to site navigation (Press enter)

Re: [blink-dev] Intent to Ship: Responsively-sized </span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=blink-dev@chromium.org&q=from:%22Mike+Taylor%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Mike Taylor</span></span></a></span> <span class="date"><a href="/search?l=blink-dev@chromium.org&q=date:20260517" rel="nofollow">Sun, 17 May 2026 18:40:20 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody">  <pre style="margin: 0em;"> On 5/14/26 5:43 a.m., Koji Ishii wrote: </pre><blockquote style="border-left: #5555EE solid 0.2em; margin: 0em; padding-left: 0.85em"><pre style="margin: 0em;"> Contact emails chris...@chromium.org, ko...@chromium.org, ikilpatr...@chromium.org</pre><pre> Explainer <a rel="nofollow" href="https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md">https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md</a> Specification <a rel="nofollow" href="https://drafts.csswg.org/css-sizing-4/#responsive-iframes">https://drafts.csswg.org/css-sizing-4/#responsive-iframes</a> </pre></blockquote><tt>I see there's also an open PR to define the meta element </tt><tt><a rel="nofollow" href="https://github.com/whatwg/html/pull/12444">https://github.com/whatwg/html/pull/12444</a> </tt><blockquote style="border-left: #5555EE solid 0.2em; margin: 0em; padding-left: 0.85em"><pre style="margin: 0em;"> Summary </pre><tt>Allow sites to opt into iframes having responsive sizing (sizing the </tt><tt><iframe> element in the parent document to the iframe document's </tt><tt>layout overflow sizing, so that scrolling in the child document is </tt><tt>avoided). </tt><pre style="margin: 0em;"> Blink component </pre><tt>Blink>Layout </tt><tt><<a rel="nofollow" href="https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ELayout%22">https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ELayout%22</a>> </tt><pre style="margin: 0em;"> Web Feature ID Missing feature Motivation </pre><tt>This is a natural feature to have for iframes, when the site wants to </tt><tt>render the iframe content so that it looks seamless with the parent </tt><tt>frame and avoids scrollbars. </tt><pre style="margin: 0em;"> Initial public proposal <a rel="nofollow" href="https://github.com/whatwg/html/issues/555">https://github.com/whatwg/html/issues/555</a> TAG review <a rel="nofollow" href="https://github.com/w3ctag/design-reviews/issues/1223">https://github.com/w3ctag/design-reviews/issues/1223</a> TAG review status Pending Goals for experimentation None Risks Interoperability and Compatibility /No information provided/ </pre><tt>/Gecko/: No </tt><tt>signal (<a rel="nofollow" href="https://github.com/mozilla/standards-positions/issues/1394">https://github.com/mozilla/standards-positions/issues/1394</a>) </tt><pre style="margin: 0em;"> </pre><tt>/WebKit/: No </tt><tt>signal (<a rel="nofollow" href="https://github.com/WebKit/standards-positions/issues/653">https://github.com/WebKit/standards-positions/issues/653</a>) </tt><pre style="margin: 0em;"> </pre><tt>/Web developers/: No signals Plenty of developer demand is expressed </tt><tt>in the feature request standards issues: </tt><tt><a rel="nofollow" href="https://github.com/whatwg/html/issues/555">https://github.com/whatwg/html/issues/555</a> </tt><tt><a rel="nofollow" href="https://github.com/w3c/csswg-drafts/issues/1771">https://github.com/w3c/csswg-drafts/issues/1771</a> </tt><tt><a rel="nofollow" href="https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md#use-cases">https://github.com/w3c/csswg-drafts/blob/main/css-sizing-4/responsive-iframes-explainer.md#use-cases</a> </tt><pre style="margin: 0em;"> /Other signals/: WebView application risks </pre><tt>Does this intent deprecate or change behavior of existing APIs, such </tt><tt>that it has potentially high risk for Android WebView-based applications? </tt><pre style="margin: 0em;"> /No information provided/ Debuggability /No information provided/ </pre><tt>Will this feature be supported on all six Blink platforms (Windows, </tt><tt>Mac, Linux, ChromeOS, Android, and Android WebView)? </tt><pre style="margin: 0em;"> Yes </pre><tt>Is this feature fully tested by web-platform-tests </tt><tt><<a rel="nofollow" href="https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md">https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md</a>>? </tt><pre style="margin: 0em;"> Yes </pre><tt><a rel="nofollow" href="https://wpt.fyi/results/css/css-sizing/responsive-iframe?label=experimental&label=master&aligned">https://wpt.fyi/results/css/css-sizing/responsive-iframe?label=experimental&label=master&aligned</a> </tt><tt><<a rel="nofollow" href="https://wpt.fyi/results/css/css-sizing/responsive-iframe?label=experimental&label=master&aligned">https://wpt.fyi/results/css/css-sizing/responsive-iframe?label=experimental&label=master&aligned</a>> </tt><pre style="margin: 0em;"> 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 <a rel="nofollow" href="https://issues.chromium.org/issues/418397278">https://issues.chromium.org/issues/418397278</a> Estimated milestones Shipping on desktop 150 Shipping on Android 150 Shipping on WebView 150 Anticipated spec changes </pre><tt>Open questions about a feature may be a source of future web compat or </tt><tt>interop issues. Please list open issues (e.g. links to known github </tt><tt>issues in the project for the feature specification) whose resolution </tt><tt>may introduce web compat/interop risk (e.g., changing to naming or </tt><tt>structure of the API in a non-backward-compatible way). </tt><pre style="margin: 0em;"> </pre><tt><a rel="nofollow" href="https://github.com/w3c/csswg-drafts/issues/13589 -">https://github.com/w3c/csswg-drafts/issues/13589 -</a> cross-origin case </tt><tt>left a possibility of change: "RESOLVED: Check with security folks </tt><tt>whether cross-origin case leaking info is an issue that needs mitigation" </tt><pre style="margin: 0em;"> Link to entry on the Chrome Platform Status <a rel="nofollow" href="https://chromestatus.com/feature/5108373464547328?gate=5102892096421888">https://chromestatus.com/feature/5108373464547328?gate=5102892096421888</a> Links to previous Intent discussions </pre><tt>Intent to Prototype: </tt><tt><a rel="nofollow" href="https://groups.google.com/a/chromium.org/d/msgid/blink-dev/682bb3fa.2b0a0220.146035.00b7.GAE%40google.com">https://groups.google.com/a/chromium.org/d/msgid/blink-dev/682bb3fa.2b0a0220.146035.00b7.GAE%40google.com</a> </tt><pre style="margin: 0em;"> </pre><tt>This intent message was generated by Chrome Platform Status </tt><tt><<a rel="nofollow" href="https://chromestatus.com/">https://chromestatus.com/</a>>. </tt><pre style="margin: 0em;"> -- </pre><tt>You received this message because you are subscribed to the Google </tt><tt>Groups "blink-dev" group. </tt><tt>To unsubscribe from this group and stop receiving emails from it, send </tt><tt>an email to blink-dev+unsubscr...@chromium.org. </tt><tt>To view this discussion visit </tt><tt><a rel="nofollow" href="https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAHe_1dKm%3DLFTKhRKHV9m4fJsqYnw6M0YwGP63DNg%3DkUcv%2BAeQQ%40mail.gmail.com">https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAHe_1dKm%3DLFTKhRKHV9m4fJsqYnw6M0YwGP63DNg%3DkUcv%2BAeQQ%40mail.gmail.com</a> </tt><tt><<a rel="nofollow" href="https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAHe_1dKm%3DLFTKhRKHV9m4fJsqYnw6M0YwGP63DNg%3DkUcv%2BAeQQ%40mail.gmail.com?utm_medium=email&utm_source=footer">https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAHe_1dKm%3DLFTKhRKHV9m4fJsqYnw6M0YwGP63DNg%3DkUcv%2BAeQQ%40mail.gmail.com?utm_medium=email&utm_source=footer</a>>. </tt></blockquote><pre style="margin: 0em;"> -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscr...@chromium.org. To view this discussion visit <a rel="nofollow" href="https://groups.google.com/a/chromium.org/d/msgid/blink-dev/a3e1f3dd-308d-4dfb-814d-14e0fae62527%40chromium.org">https://groups.google.com/a/chromium.org/d/msgid/blink-dev/a3e1f3dd-308d-4dfb-814d-14e0fae62527%40chromium.org</a>. </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg16532.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#16543">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#16543">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg16547.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg16532.html">[blink-dev] Intent to Ship: Responsively-sized <iframe&g...</a></span> <span class="sender italic">Koji Ishii</span></li> <li><ul> <li class="icons-email tSliceCur"><span class="subject">Re: [blink-dev] Intent to Ship: Responsively-sized &lt...</span> <span class="sender italic">Mike Taylor</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg16547.html">Re: [blink-dev] Intent to Ship: Responsively-sized...</a></span> <span class="sender italic">Alex Russell</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg16566.html">Re: [blink-dev] Intent to Ship: Responsively-s...</a></span> <span class="sender italic">Vladimir Levin</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg16582.html">Re: [blink-dev] Intent to Ship: Responsive...</a></span> <span class="sender italic">Koji Ishii</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg16585.html">Re: [blink-dev] Intent to Ship: Respo...</a></span> <span class="sender italic">一丝</span></li> </ul> </ul> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: [blink-dev] Intent to Ship: Responsively-sized <iframe>"> <input type="hidden" name="msgid" value="a3e1f3dd-308d-4dfb-814d-14e0fae62527@chromium.org"> <input type="hidden" name="relpath" value="blink-dev@chromium.org/msg16543.html"> <input type="submit" value=" Mike Taylor "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="blink-dev@chromium.org"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search blink-dev"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/blink-dev@chromium.org/">blink-dev - all messages</a></li> <li class="icons-about"><a href="/blink-dev@chromium.org/info.html">blink-dev - about the list</a></li> <li class="icons-expand"><a href="/search?l=blink-dev@chromium.org&q=subject:%22Re%5C%3A+%5C%5Bblink%5C-dev%5C%5D+Intent+to+Ship%5C%3A+Responsively%5C-sized+%3Ciframe%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg16532.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg16547.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">a3e1f3dd-308d-4dfb-814d-14e0fae62527@chromium.org</li> </ul> </div> </body> </html>