Skip to content

bug(Expansion Panel): Expansion Panel disappears when using tab key #28644

Closed
@oxytoc

Description

@oxytoc

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

In expansion panel, you can press the Enter/Space keys, which are responsible for opening/closing, and if you press the Tab key at the same time, the panel may disappear completely.

Reproduction

StackBlitz link: https://stackblitz.com/edit/zdfqvc?file=src%2Fexample%2Fexpansion-expand-collapse-all-example.html
Steps to reproduce:

  1. Expand all panels
  2. Focus on first panel
  3. Press fast the following keys in sequence, tab -> space -> tab -> space, space can be replaced with the enter key bug

Expected Behavior

Expansion panel does not disappear

Actual Behavior

Expansion panel disappear
bug

Environment

  • Angular: 17.2.0-rc.1
  • CDK/Material: 17.2.0-rc.0
  • Browser(s): Firefox, Google Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu 22.04.4 LTS

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/expansion

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions