const listener = () => {
const MIN_KEYBOARD_HEIGHT = 300
const isMobile = window.innerWidth < 768
const isKeyboardOpen = isMobile && window.screen.height - MIN_KEYBOARD_HEIGHT > window.visualViewport.height
document.documentElement.classList.toggle('show-keyboard', isKeyboardOpen)
}
window.visualViewport.addEventListener('resize', listener)
Android 4.* native `audio` and `video` controls bug
android 4.*버전의 android 브라우저에서 -webkit-appearance
사용시 video태그의 기본 컨트롤의 스타일이 무너지는 현상
html 셀렉터를 이용하여 해결필요
[css]
html input[type="button"] {
-webkit-appearance: none
}
[/css]
안드로이드 pointer-events 버그
몇몇 안드로이드에서 touchstart
같은 touch전용 이벤트가 걸린 엘리먼트 위에 pointer-events: none;
가 걸린 엘리먼트를 위에 띄울경우 touch이벤트가 안먹는 문제가 발생.