bug(Button): Button hover/clickable outside border & missing token
- 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
_No response_
### Description
When a override is added to a button, the button remains clickable and can be hovered outside the border. I found a token to override this behavior, but I can't get it to work. Additionally, I suggest improving the documentation by specifying the types of values accepted for the token.
```
@include mat.button-overrides((
filled-touch-target-display: none
))
```
https://github.com/user-attachments/assets/11989574-c581-4aff-858b-d77e2368cd3e
Also there is no option to change outline color of outlined button when hovered/focused/pressed, only for disabled state? According to m3 design it should be possible:
https://m3.material.io/components/buttons/specs#4a0c06da-0b2f-47de-a583-97e0ae80b5a5
### Reproduction
StackBlitz link: https://stackblitz.com/edit/q9bg7z8v?file=src%2Fexample%2Fbutton-overview-example-override.scss
Steps to reproduce:
1. Try to move cursor close to the button border
### Expected Behavior
Button should not be clickable or able to hover outside button border
### Actual Behavior
Button is clickable and can be focused outside border
### Environment
- Angular: 19
- CDK/Material: 19.2.1
- Browser(s): Chrome, Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với bản tái hiện trên StackBlitz tại src/example/button-overview-example-override.scss và kiểm tra cách mat.button-overrides xử lý filled-touch-target-display. So sánh vùng hover, focus và click với đường viền hiển thị, đồng thời xác minh xem các màu tương tác của outlined-button có thể cấu hình hay không; hoàn tất khi vùng nhận thao tác khớp với đường viền và các giá trị token được chấp nhận đã được ghi lạ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, sass, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 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
- 35/100