ios mobile safari 환경에서 input창에서 focus시 키보드가 나오지 않는 현상 해결법(React)

위 캡쳐본 처럼 ios mobile safari에서 input에 있는 autofocus가 미지원이다.

그래서 React에서 첫 마운트시 input태그에ref를 달고 ref.current.focus() 시켰지만 이 또한 무슨 이유 때문인지 focus만 될뿐 키보드가 나오지 않았다.

여러 삽질 끝에 키보드를 꺼내줬던 단 하나의 코드

<input
        ref={
          function (ref) {
            if (ref !== null) {
              ref.focus();
            }
          }
        }

생각보다 너무 별게없다. 하지만 다른 방법들은 되질 않다가 이방법으로 해보니 바로 해결되었다..

혹시나 어려움을 겪고 계시면 한번 써보시길 바랍니다!