Block Styles don't work with navigation overlays Group wrapper
WordPress/gutenberg 13 comments 1mo ago
mediumopenScope: somewhat clearSkill match: maybeWordPressJavaScriptReact
Why this is a good first issue
Block styles fail to override user-selected colors in navigation overlays.
AI Summary
The issue involves block styles not overriding user-selected colors in navigation overlays, potentially due to CSS conflicts or theme-related behavior. The problem requires understanding the `useStylesForBlock` hook or block styling mechanisms, but the exact solution is unclear.
Issue Description
Description
Test results from https://make.wordpress.org/test/2026/01/27/call-for-testing-customizable-navigation-mobile-overlays/.
Selecting Styles from the Blocks menu doesn't change anything.
Is this a bug?
The overlay controls were easy to find and simple to operate.
Step-by-step reproduction instructions
- Select Navigation from the Blocks menu.
- Select the Settings tab from the Blocks menu on the right, select Overlay from the OVERLAY TEMPLATE menu at the bottom, and click the edit button.
- Select a design.
- Selecting Styles from the Blocks menu doesn't change anything.
Screenshots, screen recording, code snippet
No response
Environment info
Using the playground WordPress：6.9 Browser：Chrome Theme：Twenty Twenty-Five
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
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
GitHub Labels
[Type] Bug[Block] Navigation[Feature] Navigation Overlays
Want to work on this?
Claim this issue to let others know you're working on it. You'll earn 20 points when you complete it!
1 person is already working on this issue
Risk Flags
- theme-related behavior
- CSS override conflicts
Loading labels...
Copilot