Fix overflow visibility for wrapper content in navigation CSS

Created on 9 May 2024, 2 months ago
Updated 4 June 2024, about 1 month ago

Problem/Motivation

While working on tests in Evaluate adding Nightwatch tests Active . I could not click any links inside of the admin toolbar. It turns out it is due to .admin-toolbar__scroll-wrapper having display: contents;

I went to Can I Use and found there are problems with display: contents; in all major browsers: https://caniuse.com/?search=display%3A%20contents

Buttons are not accessible with display: contents applied. See issues for Chromium, Firefox, and WebKit

Steps to reproduce

I haven't manually reproduced by trying to tab and focus on buttons.

See https://issues.chromium.org/issues/40866683 with a non-Drupal example.

Proposed resolution

Remove display: contents;

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Fixed

Version

10.3

Component
Navigation 

Last updated about 11 hours ago

No maintainer
Created by

🇺🇸United States mglaman WI, USA

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

Merge Requests

Comments & Activities

Production build 0.69.0 2024