double chained :focus in the toolbar

Created on 24 July 2025, 23 days ago

Problem/Motivation

We are customizing the gin theme via a module and found an issue concerning a css rule which maybe is unintentionally raising the css specificity by adding a double focus chain (:focus:focus) in the toolbar. Which can very easily lead to an accessibility issue if you are trying to enhance and customize the toolbar.

Steps to reproduce

You find the css in the gin admin theme in styles/layout/toolbar.scss on line 573 which have already :focus and is also added on line 597, which produces css rules like in dist/css/toolbar.css between the lines 595 and 603.

Proposed resolution

Removing the :focus state on line 573 in styles/layout/toolbar.scss to keep the css specificity numbers.

🐛 Bug report
Status

Active

Version

5.0

Component

User interface

Created by

🇦🇹Austria joville

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024