iOS 14,15 버전에서 발생하는 input 태그 이슈
얼마 전, 회사에서 유지보수하던 프로젝트에서 iOS 특정버전의 웹 브러우저에서는 input 태그 탭 시 키보드 자판을 아무리 눌러도 아무런 반응도 하지 않는 이슈를 제보받았습니다.
해당 이슈가 발생하는 기기는 iOS 14,15 버전 아이폰 기기이며 크롬과 사파리 모두 동일한 현상이 발생했습니다. 다른 라이브러리에서는 정상적으로 동작하는 것을 확인하였고, 해당 라이브러리로 동작하는 input 태그의 css를 확인해보니 아래와 같이 input 태그의 스타일을 리셋해주는 부분이 있었습니다.
아래와 같이 user-select를 처리해주면 iOS 14,15 버전에서도 input 태그가 문제없이 동작하는 것을 확인할 수 있습니다.
1
2
3
4
5
6
7
8
input {
appearance: none;
user-select: text ;
-webkit-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-ms-user-select: text;
}