angular / angular/components

bug(material/table): Row of sticky column is transparent on hover in custom dark theme

Đang mở
#26,730 2 bình luận 3 reaction 0 người được giao Xem trên GitHub
area: material/table 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?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

14.2.7

### Description

![mat-table-bug](https://user-images.githubusercontent.com/37940332/223190978-6cf1b4f2-7dbe-4433-b21e-091e55bb407b.gif)

https://stackblitz.com/edit/angular-nhbxgc?file=src/app/table-sticky-columns-example.html

### Reproduction

Steps to reproduce:
1. Custom material dark theme is applied
2. In table that has a sticky column, try horizontal scrolling.
3. The hover row in the sticky column is transparent so other columns show beneath it.

### Expected Behavior

I expect the hovered row of the sticky column to not be transparent in a custom dark theme.

### Actual Behavior

The hovered row of the sticky column is transparent in a custom dark theme.

### Environment

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

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

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

Hướng nghiên cứu

Chạy bản tái hiện StackBlitz được liên kết và bắt đầu với src/app/table-sticky-columns-example.html, tập trung vào bảng có các cột sticky với theme tối tùy chỉnh. Tái hiện vấn đề bằng cách cuộn theo chiều ngang và di con trỏ qua một hàng; hoàn thành khi hàng đang được hover của cột sticky có nền đục và không có các cột bên dưới hiển thị xuyên qua trong Chrome và Firefox.

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

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.