[단말기 프론트] renderInputPage 숫자 입력칸에 0이 간헐적으로 표시됩니다

[coffeeya]

어떤 제품을 사용하나요?

• 제품: 프론트 플러그인
• SDK 또는 API 버전: 프론트 SDK v0 (https://cdn.tossplace.com/toss-front-sdk/v0/index.js)
• 환경: 개발

무엇이 궁금한가요?

sdk.template.renderInputPage의 type: "number" 화면에, 플러그인이 넣지 않은 0이 입력칸에 간헐적으로 표시됩니다. 원인과, 숫자 키패드를 유지한 채 입력칸을 비울 수 있는 방법이 있는지 알고 싶습니다.

플러그인이 넘기는 파라미터는 아래가 전부입니다. value, defaultValue는 전달하지 않습니다.

sdk.template.renderInputPage({
type: "number",
top: {
title: "6자리 코드를\n입력해주세요",
},
input: {
placeholder: "6자리 코드",
maxLength: 6,
},
button: {
label: "출력 내역 보기",
},
onSubmit: function (value) {},
onBack: function () {},
});

공식 문서의 NumberInputPage에는 초기값을 지정하거나 비우는 항목이 없습니다. placeholder는 "6자리 코드"라서, 화면에 보이는 0은 placeholder가 아니라 입력값으로 보입니다.

확인을 요청드리는 내용입니다.

type: "number"에서 초기값 0이 템플릿의 정상 동작인지, 간헐적으로만 나오는 오류인지
숫자 키패드를 유지하면서 처음 값을 빈 값으로 고정하는 공식 파라미터가 있는지
type: "text"로 바꾸면 이 현상이 없어지는지, 그때 키패드가 일반 문자 키패드로 바뀌는지
플러그인에서 해결할 수 없다면 템플릿 수정이 필요한지
화면은 Template API만 사용하고 있습니다. HTML로 입력칸을 따로 그리지 않습니다.

오류가 있다면 알려주세요

오류 문의가 아니면 이 항목은 지워도 돼요.

• 발생 시각: 개발 배포 테스트 중 간헐적으로 발생. 같은 진입에서도 어떤 경우에는 발생하지 않습니다.

• 재현 방법: 대기 화면에서 코드 입력 화면으로 들어갑니다. 숫자를 누르기 전에 입력칸을 확인합니다.

• 기대한 결과와 실제 결과: 입력칸이 비어 있고 placeholder만 보여야 합니다. 실제로는 어떤 경우 입력칸에 0이 이미 들어 있어, 손님이 직접 지워야 6자리 코드를 입력할 수 있습니다.
  

• 오류 코드·메시지: 별도 오류 코드는 없습니다. 입력칸에 0이 표시되는 현상입니다. 0이 있는 화면과 없는 화면 사진을 함께 첨부합니다.

[토스플레이스-개발자센터]

안녕하세요. 토스플레이스 개발자센터입니다.

숫자 입력 화면의 초기값과 입력 방식에 대해 안내 드립니다.

1. 초기값과 초기화 파라미터

현재 SDK에서 숫자 입력 화면의 초기값은 빈 문자열이며, 0을 기본값으로 넣도록 구성되어 있지 않습니다. 전달해 주신 코드에 value 또는 defaultValue가 없어서 0이 표시되는 것은 아닙니다.

현재 공개된 파라미터에는 초기값을 지정하거나 입력값을 강제로 초기화하는 항목이 없습니다. value, defaultValue를 추가하는 방식은 지원하지 않습니다.

2. text 타입으로 변경하는 경우

최상위 type을 text로 변경하면 일반 문자 입력용 키보드를 사용하므로, 현재의 숫자 전용 키패드를 유지하는 방식은 아닙니다. 또한 이 변경만으로 문의하신 현상이 해결된다고 안내하기는 어렵습니다.

3. 현상 확인에 필요한 정보

현재 제공된 정보만으로는 간헐적인 0 표시의 원인이나 템플릿 수정 필요 여부를 확정할 수 없습니다. 실제 단말기 로그와 적용 버전을 확인할 수 있도록 앱 ID, 적용한 플러그인 버전, 프론트 시리얼번호·앱 버전, 최근 발생 일시(한국 시간)를 개발자센터 메일로 전달 부탁 드립니다.

공개 입력 항목은 입력화면 템플릿 가이드를 참고해 주세요.