Navigation Block: Sub menu icon doesn't scale with menu font size

[neilorangepeel]

Description

The sub menu icon/chevron doesn't reflect the font size of the menu. If the menu has a large type size applied the icon remains the same.

Potential solution

Add inherit font size to the parent button

.wp-block-navigation__submenu-icon { font-size: inherit; }

Step-by-step reproduction instructions

1. Within the editor add navigation block
2. Add submenu to navigation
3. Edit the font size of the navigation e.g. 30px
4. Submenu icon will be different from the main font size

Screenshots, screen recording, code snippet

Sub menu chevron isn't the same size as the type.

Sub menu chevron matching the font size of the menu.

Environment info

Wordpress Version 5.9-alpha-52250
Gutenberg Version 12.1.20211126

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

[mtias]

Are you testing with trunk? This was addressed in #36714.

[neilorangepeel]

Are you testing with trunk? This was addressed in #36714.

Yes. I should have mentioned the issue seems to be just the front-end as on the front-end the icon is contained in a <button> element and seems to be inheriting user-agent-styles.

[mtias]

Ah, thanks for the clarification!

[jasmussen]

Apologies! I somehow failed to test the frontend in my previous fix. Thanks for the suggestion, PR here: #36948.