01
Watch the handoff
Scroll from this parent content into the embedded page and back again. The transition should feel continuous, even as the child changes height.
Iframe laboratory
Test the space
between pages.
Load any iframe-enabled URL and inspect how the child resizes, scrolls, and sits inside a longer parent page.
Your child page will appear here
Enter a URL above to start the testBelow the fold
Keep scrolling.
That’s the point.
This deliberately long section gives the iframe a real place in the document flow—not a sealed demo screen. Use it to observe sticky elements, focus changes, scroll restoration, and layout shifts.
02
Change the viewport
Resize the browser after loading a page. Responsive content inside the child should report its new height without leaving gaps or clipping.
03
Try long content
Load a route with accordions, lazy content, or async data. This page keeps plenty of surrounding content visible so jumps are easy to spot.
The best embed feels like part of the page, even though two documents are doing the work.
End of test surface