브랜드페이 결제 비밀번호 입력창 높이 오류
브랜드 페이 결제 비밀번호 입력 창에서 사진에서와 같이 스크롤이 생깁니다.
아래에 비밀번호 입력 부분이 높이에 포함되어 발생하는 문제 같습니다.
별도로 iframe하에 스타일을 조작하지는 않았습니다. 해결 방법이 있을까요?



6 Replies
스크롤이 생기신다는게 어떤 상황인지 잘 이해가 되지 않는데요.
자세히 설명해주실수 있을까요?
아마도 브랜드페이 iframe 이 길게 잡힌다는 말씀이실것 같은데요.
저희 브랜드페이 Iframe 은 viewport 의 값을 이용해서 사이즈를 생성합니다.
혹시 viewport 쪽 에 높이가 정상적으로 설정되어 있는지 확인부탁드립니다.
가맹점의 특정 니즈에 의해서 실제 viewport 높이보다 더. 높게 설정하시는 경우가 있습니다.
뷰포트(document.documentElement.clientHeight)
의 경우 915로 확인됩니다.
iframe 내에 div#__next의 크기가 915
아래 키패드 div#brandpay-portal-container의 크기가 270이고 위 두 div를 감싸는 html의 크기는 915로 html을 벗어납니다. 그렇다고 해서 div#brandpay-portal-container의 position이 absolute나 fixed가 아닌상황입니다.
iframe의 height 역시 915로 viewport가 제대로 설정된 것으로 확인되네요!

아 그렇군요.. 확인후 공유 드리겠습니다.
원인은 파악했는데, 다른 수정사항때문에 바로 수정 배포는 어려울것 같습니다. 사용에 큰 문제는 없는 부분이라 수정될때까지 시간은 좀 걸리더라도 양해 부탁드립니다.
확인 감사합니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.