position fixed 버튼 모바일 브라우저 키보드 상단 고정 배치

Question

위 이미지와 같은 화면을 WEB과 모바일WEB, Flutter WEBview 환경에서 작동하도록 구현하였는데모바일 web 환경에서 키보드가 트리거되었을 때.다음 버튼이 키보드 상단에 붙어있도록 디자인이 나왔는데 쉽지가 않습니다브라우저상이라 키보드를 정확하게 감지할 수가 없어 resize 이벤트를 사용해서이런식으로 button 의 bottom 값을 조절해서 임시로 해결하긴 했지만..비밀번호 입력, 비밀번호 확인 같이 두개의 Input이 연달아 있는 페이지에서상단에 input에 트리거되고 키보드가 열렸을땐 키보드 상단에 잘 붙어있지만두번째 input에 바로 트리거가 되면 input이 가려지는 현상이 생기더군요심지어 모바일 브라우저의 가로모드나, 확대를 시켰을때는 레이아웃이 더 처참해졌구요..쉽게 완벽하게 모든 환경에서 호환이 되지않습니다..이를 해결하는 좋은 방법이 있을까요?

데브홀릭 · Answer

정확히 이해는 안 가지만 뭔가에 가려진다면 z-index 를 사용해보시는건...

position fixed 버튼 모바일 브라우저 키보드 상단 고정 배치

1개의 답변

Q&A 목록