FSE navigation menu - styling problem

[jim5471]

WordPress 5.9.3 running Twenty Twenty-Two theme
also WordPress 6.0-RC3 running Twenty Twenty-Two theme
No plugins active

There seems to be a problem with the styling of the FSE navigation menu.

Looking at the WordPress website ​https://wordpress.org/ the navigation menu is styled (in blue) to show which page you are on and in the case of a nested menu item it shows both the the subpage and the ancestor menu item.

But this isn't working reliably on FSE.

With a similar menu I have found that the styling is absent in the following cases...

the homepage which was the 'Front Page'
with a nested menu of 2 subpages the styling was absent on the first subpage which was the 'Posts Page'
with a nested menu and a subpage selected the styling is absent on the menu-ancestor

Styling is provided by "current-menu-item" Class in the li tag.

"aria-current='page'" is also absent from the link when the styling isn't working.

Maybe someone can confirm this is a bug - thanks.

[mrfoxtalbot]

I came to report this. The CSS class is there, current-menu-item, but Twenty Twenty-Two does not seem to be providing any styles to differentiate this type of menu item in any way.

[mrfoxtalbot]

This is still an issue with Twenty Twenty-Three. It came up in ​https://wordpress.org/support/topic/current-menu-item-not-added-to-home-link/this forum thread again.

Please note that there is a separate ​GitHub issue discussing this problem in the context of the Navigation Block itself.

[rchrzanwlc]

Hi @mrfoxtalbot I think i'ts not a bug but things to improvement on theme side because wordpress.org uses ​https://github.com/WordPress/wporg-mu-plugins/ which is additional features. If you want to add some style to your theme, make a child theme and add some additional CSS to style current-menu-item.

For now we no have possibilities to modify these kind of settings by theme.json for example.