WordPress.org
Get WordPress

Make WordPress Core

Opened 13 months ago

Closed 13 months ago

#62989 closed defect (bug) (wontfix)

Admin profile menu remains accessible outside the text area.

Reported by: pooja-n's profile Pooja N Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Toolbar Keywords: good-first-bug has-patch
Focuses: css, administration Cc:

Description

When hovering over the profile dropdown in the top-right corner of a WordPress site (e.g., on make.wordpress.org), the text color of the menu items changes to an active state. However, if the cursor moves towards the right edge of the text (but still within the menu item), the text remains active. The active state only disappears when the cursor is moved away from the text completely.

Steps to Reproduce

  • Log in to any WordPress site or make.wordpress.org.
  • Locate your profile details in the top-right corner.
  • Hover over your profile name to trigger the dropdown menu.
  • Move the cursor over the text inside the dropdown menu—the text color changes as expected.
  • Slowly move the cursor toward the right edge of the text (but still within the clickable area).
  • Notice that the text remains in the active state even when hovering near the edge.
  • The active state only disappears when the cursor is moved completely away from the text.

Expected Behavior
The text should lose its active state as soon as the cursor moves away from it, even if the cursor is still within the larger menu item area.

Actual Behavior
The text remains highlighted when hovering near the right edge of the text inside the menu item, creating an inconsistent hover experience.

​https://prnt.sc/tRWFA0TYswC1

Change History (5)

#1 @mukesh27
13 months ago

  • Component changed from General to Toolbar
  • Keywords good-first-bug added
  • Milestone changed from Awaiting Review to 6.8

Nice catch @pooja-n

I also reproduce that issue in WP admin. It needs to CSS adjustment to fix the issue mark as good-first-bug so new contributor can work on it.

Move it to 6.8 for visibility.

#2 @jbanas
13 months ago

Can I work on this issue?

#3 @rinkalpagdar
13 months ago

I have figured out the problem, and I am working on this issue.

This ticket was mentioned in ​PR #8360 on ​WordPress/wordpress-develop by ​@rinkalpagdar.
13 months ago #4

  • Keywords has-patch added; needs-patch removed

Fixes #62989

### Testing Instructions

  • Log in to any WordPress site.
  • Locate your profile details in the top-right corner.
  • Hover over your profile name to trigger the dropdown menu.
  • Move the cursor over the text inside the dropdown menu—the text colour changes as expected.
  • Slowly move the cursor toward the right edge of the text (but still within the clickable area).
  • Notice that the text colour changed only when hovering over text only.

#5 @mukesh27
13 months ago

  • Milestone 6.8 deleted
  • Resolution set to wontfix
  • Status changed from new to closed

Seems like it's not even a bug as core use similar state for other toolbar areas.

Going to close and we have #62991 for tracking issue for similar issue

Note: See TracTickets for help on using tickets.