angular / angular/components

chips: SPACE separator does not work with virtual keyboards on Android

Aperta
#9,237 12 commenti 10 reazioni 0 assegnatari Vedi su GitHub
android area: material/chips help wanted P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

#### What is the expected behavior?
Separate chips on space when SPACE is set in MatChipInput.matChipInputSeparatorKeyCodes

#### What is the current behavior?
On Android devices it does not. (I personally tried Nesus X5 and pixel xl v1)

#### What are the steps to reproduce?
https://stackblitz.com/edit/chipinput
"android friendly chip input" uses keyup and looks at the last char of the input's value, to get around Android's "bad" keyboard event w/o keys and indistinguishable keycode 229.

#### What is the use-case or motivation for changing an existing behavior?
To be able to use MatChipInput on Android.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
All but on Android devices

#### Is there anything else we should know?
Android produces keycode 229 on space and other special characters.
Related to https://stackoverflow.com/questions/36753548/keycode-on-android-is-always-229/42552368


Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Start with the linked StackBlitz reproduction and the MatChipInput.matChipInputSeparatorKeyCodes entry point. Trace the keyup handling and how the input value is checked when Android reports keycode 229. Done means SPACE consistently separates chips with Android virtual keyboards while preserving existing separator behavior.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
android, angular, typescript
Ambito
frontend, mobile
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.