Make WordPress Core

#62764 closed defect (bug) (reported-upstream)

Clear color option is missing in the Navigation Block

Reported by: kadiwala Owned by:
Priority: normal Milestone:
Component: General Version: 6.9
Severity: normal Keywords: needs-patch
Cc: Focuses: administration

Description

When using the Navigation Block in WordPress, the "Clear" color option that allows users to reset the color settings is not appearing in the color selection panel. This prevents users from clearing the selected color and returning to the default or transparent state.

Steps to Reproduce:

  1. Go to the WordPress block editor.
  2. Add or select a Navigation Block.
  3. Try to modify the background or text color in the block settings.
  4. Notice that the "Clear" button or option to reset the color is missing from the color picker interface.

Expected Result: The "Clear" option should be available in the color settings of the Navigation Block to allow users to reset their color selection. In the submenu (under the Navigation) "Clear" options is available in the color settings.

Actual Result: The "Clear" color option is not visible in the color settings for the Navigation Block.

Attachments (3)

actual_result.png (167.7 KB ) - added by kadiwala 20 months ago.
expected_result.png (158.0 KB ) - added by kadiwala 20 months ago.
Screenshot 2025-01-02 at 10.35.04 AM.png (30.5 KB ) - added by yogeshbhutkar 20 months ago.
Clearing colors using three-dot menu

Download all attachments as: .zip

Change History (7)

#1 @yogeshbhutkar
20 months ago

Thank you, @kadiwala, for bringing up this issue. I agree that a clear button should ideally also be included within the color picker for better usability.

However, since this pertains to the Gutenberg Editor, it should be reported in the Gutenberg Issues repository on GitHub. I'll create a corresponding issue there and link it back to this ticket for reference.

In the meantime, you can reset the color using the three-dot menu option.

@yogeshbhutkar
20 months ago

Clearing colors using three-dot menu

#2 @kadiwala
20 months ago

Hello @yogeshbhutkar
Thank you for your prompt reply.

However, we may need consistency in how the color is cleared on both sides (Navigation and Submenu). For example, if we choose "clear," it should be same in the both options. So, need to add/remove "clear" from both sides.

#3 @yogeshbhutkar
20 months ago

I've reported this issue upstream: https://github.com/WordPress/gutenberg/issues/68453

Thank you, @kadiwala, for bringing this to our attention!

#4 @poena
20 months ago

  • Milestone Awaiting Review
  • Resolutionreported-upstream
  • Status newclosed

Hi
Thank you for the report and for moving the ticket to the correct repository.
I am closing this ticket as reported upstream.

Note: See TracTickets for help on using tickets.