bug: MatButton renders active state when cdkCopyToClipboard is applied
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### Reproduction
Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-fw7eev?file=src/app/cdk-clipboard-overview-example.html
Steps to reproduce:
1. Click on the copy button
2. Move the mouse cursor outside of the button area
#### Expected Behavior
Button should not be highlighted after the cursor moves out of its area
#### Actual Behavior
Button stays highlighted
#### Environment
- Angular: 10
- CDK/Material: 10
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Mac
Contributor guide
Research direction
Open the linked StackBlitz reproduction and reproduce the behavior in Chrome by clicking the copy button, then moving the cursor away. Investigate the interaction between MatButton and cdkCopyToClipboard; done means the button is no longer highlighted after the cursor leaves its area.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100