angular / angular/components

bug(all): Strong focus indicators should only show when the user uses the keyboard to navigate

Open
#26,273 2 comments 8 reactions 0 assignees View on GitHub
G material spec P2
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### 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

https://v12.material.angular.io/guide/theming#strong-focus-indicators

### Reproduction

reproduces in the trivial case

### Expected Behavior

According to guidance we've received from the Material Design team, focus indicators are only expected to be visible when the user has used the keyboard to focus the item

### Actual Behavior

Focus indicators are showing on click

### Environment

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

Contributor guide

Open the contributing guide

Research direction

Start with the linked Strong focus indicators guide and reproduce the difference between clicking and keyboard navigation in the trivial case. Done means focus indicators appear after keyboard navigation but not after a click.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.