Can you elaborate on this?
José Gómez
1

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.

Like what you read? Give Daniel Brain a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.