autoFocus does not work on Safari mobile

[csantos1113]

autoFocus does not work on Safari mobile.
The input shows the "focus" state, but the caret is not shown, which means that the <input> is not actually in focus so the keyboard is not shown.

https://codesandbox.io/s/93pz9n63py

Chrome - focused ✔️

Safari - Mac - focused ✔️

Safari - Mobile - Not actually in focus ❗️

[Rall3n]

@csantos1113 Mobile Safari does not allow "real" focus without user interaction. With "real" focus I mean it sets the focused state so the focus events are called, but input is not allowed.

[csantos1113]

@Rall3n - you mean Safari mobile? because it works perfectly fine on "Safari - Mac"

[Rall3n]

Yes, mobile safari. I have edited my answer.

[karlingen]

@Rall3n do we have an official answer from Apple confirming that statement or is this just something you have discovered?

[Rall3n]

@karlingen
Yes, we have. There was a comment about it in a ticket for WebKit. The comment was created March 2019, and states the following:

"We (Apple) like the current behavior and do not want programmatic focus to bring up the keyboard when [...] the programmatic focus was not invoked in response to a user gesture."

Source

[csantos1113]

Closing in favor of Apple's decision. Nothing we can do

[pulkitaggarwal-nagarro-uf-srch]

@Rall3n Autofocus is not working the first time but when we come back to the same page again, it's opening the keyboard by default. Is there any specific reason behind this?

[dipanshumahla]

@Rall3n Autofocus is not working the first time but when we come back to the same page again, it's opening the keyboard by default. Is there any specific reason behind this?

facing the same issue

[damianoc90]

@Rall3n Autofocus is not working the first time but when we come back to the same page again, it's opening the keyboard by default. Is there any specific reason behind this?

Same!

[Hyodori04]

i think caret is not active also .

[samrahsajid]

Any updates on this?