Blockbase & Fam: No space between menu items in Safari 14.0.x

[supernovia]

Steps to replicate

• View a site with a menu using an older browser, like Safari 14.0.1 (circa fall 2020)

Result

Menu in the upper right has no space between items due to poor flex support in older browsers

Expected

Space between menu items, even on slightly older systems

• User report: https://wordpress.org/support/topic/menu-borked-on-osx-safari/
• Follow-up ticket: n/a

I used comparium.app for testing. Note there's also a repeat "Start your wordpress.com site with this theme" bar in the screenshot, but I don't know whether users are seeing that. This user did have trouble with the menus though.

I recommended adding some left padding for now.

[MaggieCabrera]

I believe this is a Gutenberg issue, not specific to the theme. It's the block that does the spacing.

[metabreakr]

I went looking for the issue and found it here: WordPress/gutenberg#37673

[supernovia]

Ah thanks, @MaggieCabrera and @metabreakr. I'd searched our bugs first but couldn't find it.

[mrfoxtalbot]

The underlying issue in core has been solved WordPress/gutenberg#37673

I can confirm that the spacing works fine with Blockbase:

We might still want to provide a fallback for older versions of Safari, but we can close this specific issue.