Navigation Block: No blockGap unless you specify

[iamtakashi]

Description

The elements in the Navigation block don't seem to have blockGap anymore.

Although a custom blockGap works as expected, it shouldn't be necessary.

If I deactivate Gutenberg (trunk) the gaps come back.

Step-by-step reproduction instructions

1. Open the site editor.
2. Use a Navigation block to build a navigation
3. See the links in the block appear back-to-back without any gap.

Screenshots, screen recording, code snippet

Without Gutenberg plugin	With Gutenberg plugin

Environment info

WP 6.3.1
Gutenberg trunk

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[bgardner]

Can confirm this is happening. Worth noting that (for me) this is only a Site Editor issue, and not a front end issue. See video.

Screen.Recording.2023-09-27.at.6.09.39.PM.mp4

[bgardner]

I am experiencing the issue with WP 6.4 Beta1, with or without Gutenberg active.

[glendaviesnz]

It looks like this is a side-effect of #46752

There was a similar issue here, and have tried the fix PR for that, but it doesn't resolve this issue.

It looks like some of the global styles layout selectors break if not prepended with the editor styles wrapper class, but this may have just been masking an issue with the way the flex classes are applied on the nav block so we will look for a fix at the nav block level rather than adding back .editor-styles-wrapper to this style outputs.