demo · v150

Dynamic Content Feed

A social feed widget grows as posts load. The fixed-height iframe creates nested scrolling. The responsive iframe loads the same child feed route with allow-responsive-sizing and a Supports-Responsive-Sizing: 1 response header, so Chrome 150 can let the parent page scroll naturally.

Capability: checking
Child header: checking
Responsive mode: checking

Posts: 0 Fixed content height: waiting Fallback resize messages: 0

Fixed height iframe

height: 280px fixed

Responsive iframe

height: browser-managed

event log

<iframe
  src="/v150/responsively-sized-iframe/embed?demo=feed"
  allow-responsive-sizing></iframe>

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

implementation reference

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

see also

implementation reference