Keyboard event doesn't register in embedded app when iframe not in focus

[Paul_vd_Dool]

My embedded app doesn't register keyboard events when the iframe is not in focus.

document.addEventListener( event => {
  console.log( event );
} );

This only registers once I click somewhere inside the app.

It doesn't matter if I listen on the `document` or the `window`.

I know that this is an iframe issue and that in other cases you have to pass any events from the parent (Shopify Admin in this case) to the iframe (embedded app). The most logical way would be with a postMessage.

document.addEventListener( event => {
  embeddedApp.postMessage(...);
} );

 But Shopify does not appear to do this for keyboard or click events. When I listen for messages, I only receive a message when a page navigates.

window.addEventListener( 'message', (m) => {
  console.info( m );
} );

Does anybody know how to deal with this properly?

Is this something that Shopify should implement?

Or perhaps this should work but broke recently (or not so recently)?