Skip to content

Build MDC-based chips #16173

Closed
Closed
@jelbourn

Description

@jelbourn

Tasks

  • Scaffold empty classes, assets, demo, build config, etc.
  • Stub existing component API
  • Hook up MDC foundation and adapter
  • Add remaining features on top of MDC implementation
  • Test dark theme
  • Test RTL
  • Test with screen-readers
  • Copy existing unit tests and ensure they all pass
  • Copy existing e2e tests and ensure they all pass (if any)
  • Verify SSR support in universal-app/
  • Verify no size regression
  • Create test harness
  • Create schematics for migration
  • Create user documentation

Additional notes

  • The current chips implementation uses role="listbox". For the MDC-based version, we want to introduce different interaction-pattern variants, e.g.
<!-- role="grid" -->
<mat-chip-grid>
  <mat-chip-cell> ... </mat-chip-cell>
</mat-chip-grid>

<!-- role="listbox" -->
<mat-chip-listbox>
  <mat-chip-option> ... </mat-chip-option>
</mat-chip-listbox>

All of the variants of the chip-set/chip should extend from one common base.

  • We likely want to remove the idea of selected from the base chip since it only really applies in the listbox model

Breaking changes

Known issues & visual differences

Metadata

Metadata

Labels

P2The issue is important to a large percentage of users, with a workaroundarea: material/chipsfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions