pile·
프론트엔드·네이버 FE Platform네이버 FE Platform·

iOS 특정 버전에서 <video> element에 드래그/스크롤할 수 없을 때

문제iOS 17.0과 17.1에서 화면 최상단에 놓인 video 요소가 터치 이벤트를 가로채 드래그와 스크롤이 동작하지 않았다.
접근WebKit 버그 트래커와 Apple 개발자 포럼을 참고하고 개발자 도구로 실제 터치 대상 요소를 추적해 원인을 좁혔다.
결과video 위에 투명 div를 덮거나 래퍼에 ::after 의사 요소를 더해 터치 대상을 바꾸는 두 가지 마크업 우회로 문제를 해결했다.
네이버 FE Platform
네이버 FE Platform 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·여기어때 (GC컴퍼니)여기어때 (GC컴퍼니)·

    항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다

    여기어때 항공 서비스 프론트엔드가 웹과 앱 웹뷰 두 환경에서 동일한 함수 호출로 동작하는 앱 브릿지 추상화 레이어를 설계한 과정을 다룬다. iOS·안드로이드 규약 차이와 "웹에 존재하지 않는 브릿지를 어떻게 호출하나"라는 문제를 단일 추상화 층으로 해결한 구현 사례다.

    요약 이어보기
    #react#typescript#webview+2