angular / angular/components

Make mat-chip editable

Open
#14,864 4 comments 10 reactions 0 assignees View on GitHub
area: material/chips feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Feature request

#### What is the expected behavior?
Editable filter chips (this existed in AngularJS Material)

#### What is the current behavior?
Readonly filter chips

#### What is the use-case or motivation for changing an existing behavior?
Editing a chip can be done in less keystrokes compared to deleting a chip and adding a new one. Sometimes, you have to delete bunch of chips to edit one chip.

For example, if you have:
(foo: bar) (OR) (foo2: bar2)

and you want to go to

(foo3: bar) (OR) (foo2: bar2)

User might choose to delete all chips and start over

Contributor guide

Open the contributing guide

Research direction

The issue names the mat-chip component but provides no source file or test path. Start by locating mat-chip and its existing filter-chip behavior, then review related component documentation and tests before proposing the editing interaction. Done should allow users to change a chip's value without deleting and recreating the chip.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.