Close button is outside the focused element on dropdown open

Created on 27 November 2024, 22 days ago

Problem/Motivation

When opening a dropdown the dialog close button is outside the focused element, so it can be difficult to find using keyboard navigation.

Proposed resolution

Add a wrapper element inside the dialog which contains all other elements. Move the focus and aria-label from the scroll container to the wrapper.

Markup changes

A new div.multiselect-dropdown__wrapper element will be added to the default multiselect dropdown template. This element wraps all content of the <dialog>.

🐛 Bug report

Status

Active

Version

1.2

Component

Code

Created by

🇺🇸United States benabaird

Live updates comments and jobs are added and updated live.

Merge Requests

!39Close button is outside the focused element on dropdown open
Merged
🇺🇸United States benabaird
updated 22 days ago

Comments & Activities

Issue created by @benabaird
Merge request !39Add new wrapper element. → (Merged) created by benabaird
Pipeline finished with Skipped
22 days ago
#352429

Comment 22 days ago →

System Message

benabaird → committed 2871011f on 1.2.x

Issue #3490309 by benabaird: Close button is outside the focused element...

Comment 22 days ago →
🇺🇸United States benabaird
Comment 8 days ago →
System Message
Automatically closed - issue fixed for 2 weeks with no activity.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024