Skip to content

[Accessibility] Return focus to dropdown toggler after close with ESC #2345

@mav-im

Description

@mav-im

Describe the bug

Hi guys,

The issue is with keyboard navigation accessibility.

Steps to reproduce:

  • navigate to Dropdown item with TAB and open it with SPACE or ENTER
  • go down to menu items with ArrowDown keyboard key
  • press ESC button to close dropdown

Expected behaviour:

Current behaviour:

  • focus stays somewhere inside the popup and doesn't return to a parent toggler.
  • unable to open it with keyboard keys SPACE or ENTER

Reproduction

https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/dropdown.html

Used Package Manager

pnpm

Validations

  • Have tested with the latest version. This is still alpha version and sometime things change rapidly.
  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions