ios 비동기로 input에 focus

2024. 12. 27. 09:51·NOTE

프로젝트에서 특정 버튼을 클릭 시 사용자정보를 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
'NOTE' 카테고리의 다른 글
  • draggable ui npm package
  • Next.js with CSS-in-JS
  • 로컬환경을 인터넷에서도 확인 할 수 있는 ngrok 사용방법
  • [Next + React Query로 SNS 서비스 만들기] 섹션 5 정리
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (73)
      • TECH (22)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.