콘텐츠로 바로가기

sunflower

IOS 키보드 체크

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)
올린이:Bathory12월 27, 20211월 6, 2022게시됨:EverydayIOS 키보드 체크에 댓글 남기기

Android 4.* native `audio` and `video` controls bug

android 4.*버전의 android 브라우저에서 -webkit-appearance사용시 video태그의 기본 컨트롤의 스타일이 무너지는 현상

html 셀렉터를 이용하여 해결필요
[css]
html input[type="button"] {
-webkit-appearance: none
}
[/css]

올린이:Bathory3월 26, 2018게시됨:Web Publishing태그: cssAndroid 4.* native `audio` and `video` controls bug에 댓글 남기기

안드로이드 pointer-events 버그

몇몇 안드로이드에서 touchstart 같은 touch전용 이벤트가 걸린 엘리먼트 위에 pointer-events: none;가 걸린 엘리먼트를 위에 띄울경우 touch이벤트가 안먹는 문제가 발생.

더 보기 “안드로이드 pointer-events 버그”

올린이:Bathory2월 23, 20164월 19, 2016게시됨:Web Publishing태그: Android, JavaScript안드로이드 pointer-events 버그에 댓글 남기기

글 내비게이션

1 2 3 … 5 이전 글

Category

  • Everyday (1)
  • Web Publishing (12)
  • Wordpress (1)

Search

sunflower, Proudly powered by WordPress.