Skip to content

Guide Component: Close button becomes invisible on hover #73219

@RoyHridoy

Description

@RoyHridoy

Description

In the Guide component, the close button becomes invisible when hovered. It changes to white, blending into the white background.

Step-by-step reproduction instructions

  1. Visit https://wordpress.github.io/gutenberg/?path=/docs/components-guide--docs
  2. Click Open Guide Button
  3. Hover over the Close (×) button in the top-right corner
  4. Observe: The button disappears because it becomes white

Screenshots, screen recording, code snippet

Default State
Image

Hover State

Image

Environment info

WP Version: 6.8.3
Gutenberg Version: 22.1.0-rc.1
Theme: Twenty Twenty-Five
Browser: Chrome, Brave
OS: Windows 11

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

Metadata

Metadata

Assignees

Labels

[Feature] UI ComponentsImpacts or related to the UI component system[Package] Components/packages/components[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions