angular / angular/components

when click mat-select input focus another input

Offen
#18,069 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/select help wanted P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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",`

```

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie damit, das Verhalten mit dem im Issue gezeigten benutzerdefinierten mat-select-Template und Formular-Markup zu reproduzieren, wobei Sie sich auf das eingebettete Suchfeld und das andere Formulareingabefeld konzentrieren. Verfolgen Sie die Fokusbehandlung von mat-select beim Öffnen und bei Klicks auf Eingabefelder. Als abgeschlossen gilt dies, wenn das Suchfeld den Fokus erhält, ohne dass der Fokus auf ein anderes Eingabefeld verschoben wird, und die Reproduktion anhand der aufgeführten Angular Material-Versionen verifiziert wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.