angular / angular/components

Mat Autocomplete With Required Input Flashes Error on Option Select

Aperta
#18,313 11 commenti 3 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

area: material/autocomplete P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

Bug, feature request, or proposal:

If a mat autocomplete has a required input, the input flashes red/invalid briefly upon selecting an item from the autocomplete. This only happens if nothing has been typed in the input field.

What is the expected behavior?

The input should not flash red if an option is in progress of being selected

What is the current behavior?

The input briefly shows as red as an option is selected

What are the steps to reproduce?

Stackblitz: https://stackblitz.com/edit/angular-vtjbve

Reproduction Steps:

  1. Click the input
  2. Click an option
What is the use-case or motivation for changing an existing behavior?

Can be confusing for end users to see an error flash like that

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

Angular: 8.2.13
Material: 8.2.3
OS: win32 x64
TypeScript: 3.5.3
Browsers tested: Chrome Version: 79.0.3945.130

Is there anything else we should know?

N/A

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia con la riproduzione StackBlitz collegata e segui l’interazione di Angular Material autocomplete e required-input quando si fa clic su un’opzione senza aver digitato prima nulla. Traccia la transizione dello stato di validazione durante la selezione; il lavoro è completato quando la selezione di un’opzione non produce più un lampeggio visibile rosso o di stato non valido nel caso riprodotto.

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

Valutazione

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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.