Skip to content

Selected FilterChip/ChoiceChip have no visual indication when focused in M3 #119134

@moneytoo

Description

@moneytoo

Steps to Reproduce

  1. Enable Material 3 in ThemeData
  2. Use multiple FilterChip/ChoiceChip widgets (some in selected state)
  3. Navigate the app using keyboard to focus tappable widgets

Expected results:

The selected FilterChip/ChoiceChip should adhere to theming according to M3 specs, as tracked in #115364.

Actual results:

When using focus to navigate the app, user cannot identify what selected chip actually has focus. Unfocused selected Chip looks the same as focused selected Chip.

Code sample
ThemeData(
	useMaterial3: true,
	colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
),

ChoiceChip(
	label: Text("First"),
	selected: true,
	onSelected: (value) {},
),
ChoiceChip(
	label: Text("Second"),
	selected: false,
	onSelected: (value) {},
),

Focus on first widget:
chrome_yDaXOVYZuH

Focus on second widget:
chrome_fjCUWT74Af

Metadata

Metadata

Assignees

Labels

f: focusFocus traversal, gaining or losing focusf: material designflutter/packages/flutter/material repository.found in release: 3.7Found to occur in 3.7frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer version

Type

No type

Projects

Status

Done (PR merged)

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions