Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

menu: focus lost when opening with keyboard and first item is disabled #12054

Closed
@SemLR

Description

@SemLR

Bug Report

When first item from an md-menu-content is disabled, the item container is not getting focus. Forbidding keyboard-only usage.

Demo and steps to reproduce the issue

Codepen demo

Detailed Reproduction Steps

  1. Open Above link
  2. Click near first phone icon
  3. Press tab key to give focus to md-menu
  4. Press Enter to open menu
  5. Try to reach one of enabled button

Explain the expected behavior

When opening via keyboard an md-menu, Focus should be get by first Button which is not disabled, even if md-content is filled with custom menu-item.

Explain the current behavior

Focus seems do be kept by menu button if first md-menu custom item is disabled.

List the affected versions of AngularJS, Material, OS, and browsers

  • AngularJS: 1.7.9 to current
  • AngularJS Material: from 1.1.20 to current
  • OS: GnuLinux Debian based distrib
  • Browsers: Chromium

Metadata

Metadata

Assignees

Labels

P3: importantImportant issues that really should be fixed when possible.a11yThis issue is related to accessibilityhas: Pull RequestA PR has been created to address this issueresolution: fixedui: focus

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions