Make WordPress Core

Opened 7 weeks ago

Last modified 9 days ago

#59033 new defect (bug)

Credits: Focus outline is cut off

Reported by: wildworks's profile wildworks Owned by:
Milestone: 6.4 Priority: normal
Severity: trivial Version:
Component: Help/About Keywords: good-first-bug has-patch
Focuses: Cc:


On the credits page, when I focus on the Noteworthy Contributors user, the outline is cut off.

On Windows OS, the result is as follows:

  • Chrome cuts the left side to the outline.
  • Firefox displays a portion of the outline above the avatar image.

Attachments (5)

chrome.png (101.5 KB) - added by wildworks 7 weeks ago.
firefox.png (155.6 KB) - added by wildworks 7 weeks ago.
Screenshot from 2023-08-11 10-25-19.png (83.8 KB) - added by ivanzhuck 7 weeks ago.
Screenshot from 2023-08-11 10-25-26.png (33.6 KB) - added by ivanzhuck 7 weeks ago.
59033.diff (860 bytes) - added by dhrumilk 7 weeks ago.

Download all attachments as: .zip

Change History (13)

7 weeks ago


7 weeks ago


#1 @audrasjb
7 weeks ago

  • Component changed from General to Help/About
  • Keywords needs-patch good-first-bug added
  • Milestone changed from Awaiting Review to 6.4
  • Severity changed from normal to trivial

This ticket was mentioned in PR #4986 on WordPress/wordpress-develop by @ivanzhuck.

7 weeks ago

  • Keywords has-patch added; needs-patch removed

Corrected the CSS styles

#3 @tejadev
7 weeks ago

Css fix to the focus outline.

Code here:

.about__section a:active, .about__section a:focus, .about__section a:hover {
    color: var(--accent-1);
    text-decoration: none;
    outline: 1px solid #2271b1;

#4 @ivanzhuck
7 weeks ago

I think the whole card of contributor is a link (picture + name). So the focus outline should be around them instead of framing only name. I released a fix for it, please review.

Last edited 7 weeks ago by ivanzhuck (previous) (diff)

7 weeks ago

#5 @Ankit K Gupta
6 weeks ago

I got the chance to test this issue and the fixes by this patch look good to me.

Test Report

Patch tested:


  • WordPress - 6.4-alpha-20230817.203813
  • Web Server: Nginx
  • Chrome Version - 115
  • Safari Version - 15.4
  • Firefox Version - 116.02
  • Opera Version - 101
  • OS - macOS
  • Theme: Twenty Twenty-Three
  • PHP - 7.4.0
  • Active Plugin - None

Test result

Works fine on the credit page now. Tested on macOS Chrome, Firefox, Safari, and Opera.

After the patch-





@sumitbagthariya16 commented on PR #4986:

3 weeks ago

Test Report

Testing Environment

  • WordPress - 6.4-alpha-20230817.203813
  • Web Server: Nginx
  • Chrome Version - 116
  • Firefox - 117
  • Theme: Twenty Twenty-Three
  • PHP - 7.4.0

Test Result
Works as expected on the credit page. Tested on Windows Chrome, and Firefox.




#7 @mukesh27
3 weeks ago

Hi there!

The PR 4986 approach look good me.

#8 @mukesh27
9 days ago

@audrasjb Is this one is in you radar?

Note: See TracTickets for help on using tickets.