Make WordPress Core

Opened 3 months ago

Last modified 3 months ago

#54330 new defect (bug)

Twenty Twenty-One: Menu Item Focus Background only works on Chrome

Reported by: domainsupport Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.8.1
Component: Bundled Theme Keywords:
Focuses: css Cc:


The following css in style.css ...

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: rgba(0, 0, 0, 0.9);

... only has an effect in Chrome. It is ignored in Safari.

Many thanks,


Change History (1)

#1 @domainsupport
3 months ago

Sorry, this is linked ... the dotted border on site logo focus only shows on Chrome also ...

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));


Note: See TracTickets for help on using tickets.