티스토리챌린지 썸네일형 리스트형 [HTML] iOS에서 키보드 활성화 시 Viewport 문제 정리 1) iOS에서 키보드 활성화 시 Viewport 계산 문제문제 원인키보드로 인해 Viewport가 변경됨:iOS의 사파리에서 키보드가 표시되면 시각적 뷰포트 는 줄어들지만, 레이아웃 뷰포트는 같은 크기로 유지합니다.Android는 해당 키패드만큼 자동으로 줄여줍니다.getBoundingClientRect의 상대 위치:이 메서드는 요소의 뷰포트에 대한 상대적 위치를 반환합니다.Safari(iOS)에서는 키보드가 나타날 때 시각적 뷰포트 크기를 자동으로 줄여주지 않습니다.getBoundingClientRect가 반환하는 위치 정보 (top, left, right, bottom 등)(출처: https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingC.. 더보기 <button>태그가 iOS에서는 onFocus되지 않는 문제 {:toc}1. 태그의 Click과 Focus 동작일반적인 동작 요소를 클릭할 때, 브라우저와 운영체제에 따라 포커스가 해당 버튼으로 이동할지 여부가 결정됩니다.브라우저 별 동작(출처: https://en.spec-zone.ru/html/element/button) Spec-Zone.ru en.spec-zone.ru 데스크톱 브라우저Windows: 클릭 시 버튼에 포커스가 이동합니다.Mac(Firefox, Safari): 클릭해도 버튼에 포커스가 이동하지 않습니다.모바일 브라우저Android: 클릭 시 버튼에 포커스가 이동합니다.iOS: 클릭해도 버튼에 포커스가 이동하지 않습니다. 2. Safari와 WebKit의 포커스 동작 논쟁 (WebKit 버그 #22261)(출처: https://bugs.web.. 더보기 이전 1 다음
