D

Toss payments 개발자 커뮤니티•7mo ago•

6 replies

dolgo_jwn_62844

iOS WKWebView 에서 해외 카드 결제창 오픈 시 상단 창 닫기 영역 잘림 이슈

결제창을 오픈하는 웹페이지 헤더 태그 뷰포트 viewport-fit=cover 값이 있을 때
오픈된 결제창의 상단 닫기버튼 영역이 잘리는 이슈가 있는데요.
혹시 결제창 오픈할 때 해당 이슈 관련해서 옵션을 따로 줘야하는게 있을까요?
결제창 오픈하는 코드는 아래와 같습니다.

const tossPayments = TossPayments(tpForeignClientKey);
const tsPayments = tossPayments.payment({customerKey});
const pSeq = (paymentData == null ? 0 : paymentData.seq);
tsPayments.requestPayment({
method: 'CARD',
amount: {
currency: 'KRW',
value: tossData.totalPrice,
},
orderId: tossData.impUid,
orderName: tossData.name,
successUrl: ${window.location.origin}/donation/tosspay/success?pseq=${pSeq}&totalPrice=${totalPrice}&payDate=1&pointByPms=${tossData.pointByPms}&isForeignCard=1${window.location.origin}/donation/tosspay/success?pseq=${pSeq}&totalPrice=${totalPrice}&payDate=1&pointByPms=${tossData.pointByPms}&isForeignCard=1,
failUrl:

${window.location.origin}/donation/tosspay/fail

${window.location.origin}/donation/tosspay/fail

,
customerEmail: tossData.customerEmail,
customerName: tossData.customerName,
customerMobilePhone: tossData.customerMobilePhone,
taxFreeAmount: tossData.totalPrice,
card: {
useEscrow: false,
useInternationalCardOnly: true
}
});