angular / angular/components

bug(cdk/menu): sub menu with disabled items only is not closed when other sub menu is opened

Đang mở
#27,403 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
area: cdk/menu P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

### 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

This issue only occurs when using the menu with a keyboard.

If in a cdk menu, a sub menu is opened with ONLY disabled children, and then another sub menu is opened, that sub menu with the disabled children remains open.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-stnsdh?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
1. focus "Open Menu" button
2. press space / open menu
3. navigate to menu item "With disabled child" using arrow keys
4. open sub menu by pressing arrow right
5. navigate to "With enabled child" by pressing arrow up
6. open sub menu by pressing arrow right

### Expected Behavior

Sub menu with disabled child is closed

### Actual Behavior

Sub menu with disabled child is NOT closed

### Environment

- Angular: 15
- CDK/Material: 15
- Browser(s): Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): Ubuntu

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với bản tái hiện StackBlitz được liên kết và theo dõi hành vi điều hướng bằng bàn phím của menu Angular CDK đối với các menu con chỉ chứa các phần tử con bị vô hiệu hóa. Xác minh trình tự này trong Firefox trên Ubuntu, sau đó xác nhận rằng việc mở menu con thứ hai sẽ đóng menu con thứ nhất trong khi vẫn duy trì hành vi bàn phím như mong đợi.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
50/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.