It essentially means you can have one iframe which messages up to the parent page, and opens a different iframe on the parent page.

MyComponent.renderTo(window.parent, { ...props }, '#container');

This way iframe components can start off small, but then display additional UI outside their own boundaries.

In PayPal, we use this to render the Checkout flow to the parent page, when the user clicks on the iframed button.

works for PayPal, as a lead engineer in Checkout. Opinions expressed herein belong to him and not his employer. daniel@bluesuncorp.co.uk

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store