이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
안녕하세요. 게임 미니앱 설화를 개발 중입니다.
게임 미니앱 iOS 상단 상태바 영역이 흰색으로 남고 풀스크린이 안 됩니다 해당 게시글의 안내에 따라 navigationBar: { transparentBackground: true }를 적용해 상단 흰색 영역 문제는 해결했는데, 이후 상단 스트립 전체에서 터치가 웹뷰에 전달되지 않는 문제가 발생해 문의드립니다.
개발 환경
- SDK: @apps-in-toss/web-framework 2.10.1
- 웹 스택: React 19.2 + PixiJS 8.14 + Vite 6.3 (granite dev / ait build)
- granite.config.ts 주요 설정:
webViewProps: { type: ‘game’ },
navigationBar: { transparentBackground: true }, - index.html viewport: viewport-fit=cover 적용
테스트 환경
- iOS 실기기: 아이폰17 / OS 26.5.1v
- ait deploy 샌드박스 배포로 확인
문제 현상
transparentBackground: true로 설정후 화면 상단 스트립에서 터치가 웹뷰에 전혀 도달하지 않습니다.
토스 정지/나가기버튼과 동일한 높이값 좌측에 메뉴들을 설정해두었는데 터치가 되지않는 상태입니다.
혹시 의도된 동작일까요?
진단 빌드에서 window 레벨 pointerdown 카운터가 해당 영역 탭 시 증가하지 않는 것을 확인했습니다. 웹 쪽 hit-test 문제가 아니라 터치 이벤트가 웹뷰에 도달 자체를 못 하는 상태입니다.
appName (선택)
설화