FSE > Navigation Block: Parent menu items lose typography settings/customization when adding submenus

[Gustavo-Hilario]

Quick summary

When you add a menu item you can change the font size and typography, but if you add a submenu to that item, the typography setting is gone, and the changes made before reset to the default of the Navigation block.

Steps to reproduce

1. Activate an FSE theme.
2. Open the Site Editor and select the Navigation menu.
3. Select a Menu item and change the typography setting.
4. Add a submenu to that Menu item, and the typography goes back to the default value.
5. Open the settings of the Menu item to change the typography.

What you expected to happen

Font applied to the parent menu item to not change when adding a submenu. Then, to be able to change the font family of the parent menu item when it has a submenu.

What actually happened

The typography setting of the parent menu item is gone when adding a submenu. Also, if you change it before adding the submenu, the typography setting resets to the default values.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

Workaround: Change the font for the Navigation block. That would change fonts for all menu items, though.

How to reproduce the issue:

Screen.Capture.on.2023-03-02.at.15-26-52.mp4

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple: Replicated
• Tested on AT: Replicated
• Tested on Self-hosted: Replicated
• Replicable on Core? Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

• Replicated in core - converting a Menu item to a Submenu loses any individual Typography settings on the link.
• The full Navigation block can still be stylized using Typography, but individual submenu items cannot have their own typography styles the way other menu items can.

Self-Hosted Example

Screen.Capture.on.2023-03-23.at.15-36-24.mov

📌 ACTIONS

• Assigned to Cylon
• Added to ‘HE Cross-repo Watchlist’ project board
• Submitted as Feature Request in Core: [Block] Navigation - Equip Submenu parent items with typography styles WordPress/gutenberg#49319

[annezazu]

I can replicate this! How rough:

replicate.nav.block.parent.mov

[annezazu]

PR underway to address this: WordPress/gutenberg#65060 This can be closed out when the PR is merged.

[annezazu]

Closing this out with the merging of WordPress/gutenberg#65060