angular / angular/components

when click mat-select input focus another input

Aperta
#18,069 5 commenti 0 reazioni 0 assegnatari Vedi su GitHub
area: material/select help wanted P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### Reproduction

Hi guys. I use ionic 4 and integrated angular material into my projects. Everything work perfectly but when I want to create the custom select component with search input I seem this issue. When open mat-select and click search input application focused another input. I don't solve this problem. I don't know maybe it's a bug. I upload *.gif file for more detail.

#### My Codes

```












```

Custom **mat-select** component:
```

{{label | translate}}




{{item[property]}}




```

#### Screen

![issue](https://user-images.githubusercontent.com/17258685/71581621-7ed39f00-2b1f-11ea-9a6b-27e95490e949.gif)

#### My Packages
```

`"@angular/animations": "8.2.14",
"@angular/cdk": "8.2.3",
"@angular/common": "8.2.14",
"@angular/core": "8.2.14",
"@angular/forms": "8.2.14",
"@angular/material": "8.2.3",
"@angular/platform-browser": "8.2.14",
"@angular/platform-browser-dynamic": "8.2.14",
"@angular/router": "8.2.14",
"@ionic-native/core": "5.17.1",
"@ionic-native/file": "5.17.1",
"@ionic-native/file-opener": "5.17.1",
"@ionic-native/file-transfer": "5.17.1",
"@ionic-native/in-app-browser": "^5.18.0",
"@ionic-native/keyboard": "^5.19.0",
"@ionic-native/network": "^5.18.0",
"@ionic-native/onesignal": "^5.18.0",
"@ionic-native/splash-screen": "5.17.1",
"@ionic-native/status-bar": "5.17.1",
"@ionic/angular": "4.11.5",
"@ionic/storage": "^2.2.0",`

```

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia riproducendo il comportamento con il template personalizzato di mat-select e il markup del form mostrati nell’issue, concentrandoti sull’input di ricerca incorporato e sull’altro input del form. Traccia la gestione del focus di mat-select durante l’apertura e i clic sugli input; il lavoro è completato quando l’input di ricerca riceve il focus senza che questo venga spostato su un altro input e la riproduzione è stata verificata con le versioni di Angular Material elencate.

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à
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.