bug(cdk-drag-drop, cdk-tree): FireFox (mouseenter) not working with cdkDrag
- 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
## Different behavior with cdkDrag and (mouseenter) between Chrome and Firefox
```
```
### Chrome: (mouseenter) event is triggered successfully, after (cdkDragStarted)
### Firefox: same logic fails
### Reproduction
Steps to reproduce:
1. Create `` structure inside Angular app
2. Add `(mouseenter)` to ``
3. Inside `` add `
4. Compare behavior between Chrome and FireFox
### Expected Behavior
Should be same
### Actual Behavior
Firefox: Failed `(mouseenter)` event execution
Event not triggering after `(cdkDragStarted)`
### Environment
- Angular: 10.2.7
- CDK/Material: 10.2.7
- Browser(s): Chrome 108.0.5359.124, FireFox 108.0.1
- Operating System (e.g. Windows, macOS, Ubuntu): Windows, Fedora
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện ví dụ cdk-tree với cdk-nested-tree-node, cdkDrag và các sự kiện mouseenter/mouseleave cùng các sự kiện trong vòng đời drag trên Firefox và Chrome. So sánh xem mouseenter có được kích hoạt sau cdkDragStarted hay không; hoàn thành nghĩa là quan sát thấy cùng một hành vi sự kiện trên cả hai trình duyệt.
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ó
- 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