Description

The ColorGradientSettingsDropdown component in the Navigation block currently lacks the clearable setting, resulting in the absence of a clear button for colors selected from the Color Picker.

This inconsistency can be confusing for users, as the clear button is available in the Sub Menu but not in the parent Navigation block.

To ensure a consistent user experience and simplify interactions, the clear button should be added to the Navigation block. This would not only align the behavior across components but also make it easier for users to clear selected colors. Without this button, users are required to navigate through the three-dot menu and select reset, which involves multiple clicks for what should be a straightforward action.

Originally reported here: https://core.trac.wordpress.org/ticket/62764

Step-by-step reproduction instructions

1. Create a Navigation Block.
2. Notice the absence of the clear button within Color Picker.

Screenshots, screen recording, code snippet

Sub Menu

Navigation Menu

Environment info

• WordPress Version: 6.8-alpha-59361
• Gutenberg Plugin: Latest Trunk
• OS: macOS Sequoia

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