Using selectBlock / selecting in custom block

[marcusig]

Issue Overview

I'm working on a block that uses an iframe to render the content, a bit like embeds.
The issue is when clicking the content of the iframe the block doesn't get selected
(the same thing happens with media embeds).

Is there a function / abstraction we can use to programatically select a block?

[aduth]

Related: #483 (#483 (comment))

[aduth]

Technically this is possible by using the data module via the editor's action creators:

edit: withDispatch( ( dispatch, ownProps ) => {
	const { selectBlock } = dispatch( 'core/editor' );

	return {
		selectBlock: () => selectBlock( ownProps.id );
	};
} )( ( { /* attributes, ... , */ selectBlock } ) ) => {
	return /* ... */;
} );

It would probably be preferable for this to be a prop passed into the edit component natively though.

Also, don't rely on ownProps.id, as this may be normalized to uid in a future change.

[marcusig]

Thanks. I'm going to try that. It would help to have it as a prop as you said.

[aduth]

This was not made as a prop as originally suggested, but you can now use the new wp.components.FocusableIframe component which will trigger a focus event as expected and interoperates with the block's default focus handler for selection.