Skip to content

bug(select, autocomplete): strong focus indicator not present for selected option #26801

Closed
@zarend

Description

@zarend

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

For options in a select or autocomplete, strong focus only appears on items that are not selected. Indicator does not appear on the selected item.

Reproduction

Steps to reproduce:

  1. https://material2-dev.web.app/select
  2. Click "Enable strong focus"
  3. Under "ngModel", click on "drink"
  4. (Opens a list of drink options "None", "Coke", etc.)
  5. Click "Coke"
  6. (closes)
  7. Click "Coke"

Expected Behavior

Coke has check icon to indicate selection, gray background and blue focus ring

Actual Behavior

"Coke" has check icon gray background, but no focus ring.

Pressing up/down to focus other options shows a blue focus ring, but not on "Coke"

image

image

Environment

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions