angular / angular/components

Chip Input: Should split pasted text

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

Description

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

#### What is the expected behavior?
Pasting the text: `apple, banana, orange,` into a [chip input](https://material.angular.io/components/chips/overview#chip-input) should result in three different chips.

#### What is the current behavior?
Produces a single chip with all three items.

#### What are the steps to reproduce?
1. Copy the text: `apple, banana, orange,`
1. Paste it into the example input on the Angular Material chip [input demo site](https://material.angular.io/components/chips/overview#chip-input)
1. Press `Enter`
1. There *should* be three chips (right now, only there is only one)

#### What is the use-case or motivation for changing an existing behavior?
Allow inputting data via copy/paste.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular Material 6.2.1

#### Is there anything else we should know?

Contributor guide

Open the contributing guide

Research direction

Start with the chip input example on the Angular Material chip input demo and reproduce the paste of `apple, banana, orange,`. Trace how the pasted value is handled when Enter is pressed, and verify that the completed behavior produces three separate chips instead of one.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.