angular / angular/components

when click mat-select input focus another input

オープン
#18,069 コメント 5 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: material/select help wanted P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

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

```

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、issue に示されているカスタム mat-select テンプレートとフォームのマークアップを使って動作を再現し、埋め込まれた検索入力ともう一方のフォーム入力に注目します。開くときと入力をクリックしたときの mat-select のフォーカス処理を追跡します。検索入力がフォーカスを受け取り、別の入力へフォーカスが移動せず、一覧にある Angular Material のバージョンに対して再現結果が検証されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。