bug(cdkMenu): cdkMenu is scrolled down when max-height is set
- 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
When using max-height on cdkMenu with overflow-y: auto, menu is scrolled down a bit when first shown.
Bad:

Good:

### Reproduction
StackBlitz link: https://stackblitz.com/edit/gbirs4?file=src/example/cdk-menu-standalone-menu-example.html,src/example/cdk-menu-standalone-menu-example.css
Steps to reproduce:
1. Add cdk menu with options with at least one cdkMenuHeaderItem.
2. Set max-height on cdkMenu.
3. Open menu.
### Expected Behavior
Menu should not be scrolled at all.
### Actual Behavior
Menu is scrolled a bit down.
### Environment
- Angular: 18.2.2
- CDK/Material: 18.2.2
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Hướng dẫn đóng góp
Hướng nghiên cứu
Tái hiện sự cố bằng ví dụ StackBlitz, bắt đầu với src/example/cdk-menu-standalone-menu-example.html và src/example/cdk-menu-standalone-menu-example.css. Kiểm tra cdkMenu với một cdkMenuHeaderItem cùng với max-height và overflow-y: auto; hoàn tất khi menu mở mà không có độ lệch cuộn ban đầu.
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
- Khá rõ ràng
- Mức phù hợp với người mới
- 42/100