v150 · HTML · Frames

Accordion Embed

Both panels embed a real FAQ child document. Expand answers inside the iframe. The fixed panel clips at 180px; the responsive panel opts into browser-managed height via allow-responsive-sizing plus the child response header.

Capability: checking
Child header: checking
Responsive mode: checking
Old approach - fixed iframe clips
iframe height: 180px content height: waiting
Chrome 150 - responsive iframe auto
iframe height: browser-managed fallback messages: 0

what changed

The parent no longer estimates accordion height. The right iframe is a normal embedded document served from /v150/responsively-sized-iframe/embed?demo=accordion with Supports-Responsive-Sizing: 1. In Chrome 150+, layout overflow from the child drives the iframe box. In older browsers this page falls back to a height message and labels that mode.

<!-- Old parent -->
<iframe src="/faq" style="height:180px"></iframe>

<!-- Content clips or scrolls when
     the embedded FAQ expands. -->
<!-- Chrome 150 parent -->
<iframe
  src="/v150/responsively-sized-iframe/embed?demo=accordion"
  allow-responsive-sizing></iframe>

HTTP/1.1 200 OK
Supports-Responsive-Sizing: 1

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗