"editor.css" not included when Gutenberg (block) editor is in the new iframe mode

[mjsarfatti]

Version

10.8.2

What did you expect to happen?

The new Gutenberg (block) editor is now inside an iframe. For this reason enqueueing editor assets using the enqueue_block_editor_assets hook no longer works reliably, and we are recommended to use enqueue_block_assets instead (see: https://github.com/WordPress/gutenberg/blob/trunk/docs/how-to-guides/enqueueing-assets-in-the-editor.md#editor-content-scripts-and-styles).

I expect styles in editor.css to be applied when the editor appears inside an iframe and I use the enqueue_block_assets hook.

What actually happens?

Styles in editor.css are not applied in the following two cases:

1. When using the enqueue_block_editor_assets hook if the editor appears inside an iframe, or
2. When using the enqueue_block_assets hook both when the editor appears inside an iframe and when it appears in page (legacy).

Steps to reproduce

1. Do a fresh install of Bedrock+Acorn+Sage and activate the Sage theme
2. Edit the file web/app/themes/sage-theme/app/setup.php like so:

   - add_action('enqueue_block_editor_assets', function () {
   + add_action('enqueue_block_assets', function () { 

3. Add some CSS to editor.css, for example:

   .wp-block {
   background: pink;
   }

4. Go to edit a page, and see that the background is not applied

System info

No response

Log output

No response

Please confirm this isn't a support request.

Yes