ios 비동기로 input에 focus

2024. 12. 27. 09:51·Tips

프로젝트에서 특정 버튼을 클릭 시 사용자정보를 fetch해서 response에 따라

비동기로 input에 focus하는 로직을 구현했습니다.

 

안드, 웹에서는 정상작동했지만 ios에서 input에 focus가 안되는 이슈가 있었습니다.

찾아보니 Ios는 사용자 인터렉션에 의해서만 input focus를 시킬 수 있다고 합니다.

 

해결방법이라기보다 제가 사용한 꼼수는

ios경우 버튼클릭 시 인풋에 포커스가 가게하고 비동기로 response받아서 이후 프로세스 처리하는 것으로 진행했습니다.

사실 ios의 경우 활성화가 되면안되는경우도 활성화가 되었다가 비활성화 된다는 현상이 있었지만 사용성을 생각했을 때 키보드에 포커스가 가는게 더 낫다 생각을 했기때문에 진행했습니다.

 

참고

https://gist.github.com/cathyxz/73739c1bdea7d7011abb236541dc9aaa

'Tips' 카테고리의 다른 글

특정 문자가 이모지로 치환되어 보이는 이슈  (0) 2025.08.31
gitignore에 dist추가해도 tracking 되는 이슈  (0) 2024.06.27
react 패키지를 next로 컴파일 하는 패키지  (0) 2023.08.06
Swiper.js slidesPerGroup 슬라이드 여러장씩 이동시키기  (0) 2023.02.03
'Tips' 카테고리의 다른 글
  • 특정 문자가 이모지로 치환되어 보이는 이슈
  • gitignore에 dist추가해도 tracking 되는 이슈
  • react 패키지를 next로 컴파일 하는 패키지
  • Swiper.js slidesPerGroup 슬라이드 여러장씩 이동시키기
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      커머스프로젝트
      react state management
      styled-components
      redux
      app-router
      웹브라우저구성
      React
      JavaScript
      global-style
      nextjs
      theme-provider
      TypeScript
      서버컴포넌트
      git배포
      배열요소순서
      Array.sort()
      타입스크립트
      함수와 메서드차이
      call signatures
      reat-head
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    ios 비동기로 input에 focus
    상단으로

    티스토리툴바