[BUG] Initial input focus and keyboard triggering on ios

[radanax]

We are facing the following bug in a webapp we are using on iOS. When the user clicks on the mat-select to open the ngx-mat-search-select, it is displayed, but the keyboard does not appear. To open the keyboard a second click on the search field is needed.

The parameter "disableInitialFocus" is in default state. The mentioned behaviour currently occurs only on IOS devices.

Tested on our app as well as with the latest version of ngx-mat-search-select in the stackbliz preview: https://stackblitz.com/github/bithost-gmbh/ngx-mat-select-search-example

• ngx-mat-select-search Version: 4.2.1
• Material Version: 14.2.6

To Reproduce:

1. Open the stackblitz on an iOS device
2. Go to the first mat-select
3. Click on it

You can use https://stackblitz.com/github/bithost-gmbh/ngx-mat-select-search-example as a starting point

Expected behavior:
The keyboard should open automatically after one click on the mat-select.

Smartphone / iPad:

• OS: IOS 16.0.2
• Browser: Safari 16.0.2
• Version 16.0.2

[macjohnny]

@radanax thanks for reporting this. Can you investigate and provide a fix?

[macjohnny]

@radanax would you want to test version 7.0.0 using the new MatSelectModule and check whether this is still an issue?

[macjohnny]

still happens with v7.0.7

[sy-filis]

Hi @macjohnny, @radanax, any progress? The behavior is the same in the Webkit engines...

[macjohnny]

@sy-filis would you want to send a PR to fix this?

[sy-filis]

It would by perfect.

I would prepare it, but I don't own any Apple devices...

Has someone the possibility?