프로젝트에서 특정 버튼을 클릭 시 사용자정보를 fetch해서 response에 따라
비동기로 input에 focus하는 로직을 구현했습니다.
안드, 웹에서는 정상작동했지만 ios에서 input에 focus가 안되는 이슈가 있었습니다.
찾아보니 Ios는 사용자 인터렉션에 의해서만 input focus를 시킬 수 있다고 합니다.
해결방법이라기보다 제가 사용한 꼼수는
ios경우 버튼클릭 시 인풋에 포커스가 가게하고 비동기로 response받아서 이후 프로세스 처리하는 것으로 진행했습니다.
사실 ios의 경우 활성화가 되면안되는경우도 활성화가 되었다가 비활성화 된다는 현상이 있었지만 사용성을 생각했을 때 키보드에 포커스가 가는게 더 낫다 생각을 했기때문에 진행했습니다.
참고
https://gist.github.com/cathyxz/73739c1bdea7d7011abb236541dc9aaa
'NOTE' 카테고리의 다른 글
draggable ui npm package (0) | 2024.12.26 |
---|---|
Next.js with CSS-in-JS (0) | 2024.12.26 |
로컬환경을 인터넷에서도 확인 할 수 있는 ngrok 사용방법 (0) | 2024.12.17 |
[Next + React Query로 SNS 서비스 만들기] 섹션 5 정리 (5) | 2024.09.15 |
[Next + React Query로 SNS 서비스 만들기] 섹션 4 정리 (1) | 2024.09.12 |