모바일 청첩장 서비스를 운영하고 있는데요,
아이폰 카톡 인앱브라우저에서는 복사하기 버튼을 누르면 '계좌번호가 복사되었습니다’팝업이 잘 뜨며 복사가 잘 되는데
안드로이드 카톡 인앱브라우저에서는 동작을 하지 않습니다. (크롬에서는 잘 됩니다)
어떻게 수정하면 될까요?ㅠㅠ
아래 사진처럼 되어야 합니다.
{#if typeof party?.bankAccount !== "undefined" && collapseMap.get(party)}
<tr class="flex border-y border-[#e8dcce] px-6 py-4" data-aos="fade-up">
<div class="grow">
<p class="mb-1">{party.bankAccount.account}</p>
<p class="mb-1">{party.bankAccount.bank}</p>
<p>{party.bankAccount.holder}</p>
</div>
<div class="flex flex-col justify-between">
<div
class="flex justify-center items-center w-20 h-7 text-white text-center align-middle bg-[#b4917e] rounded-full cursor-pointer"
on:click={async () => {
await navigator.clipboard.writeText(`${party.bankAccount?.account}`);
window.alert("복사되었습니다.");
}}
>
복사하기
</div>
{#if typeof party.bankAccount.kakaoPayReceiveAddress !== "undefined"}
<a href={party.bankAccount.kakaoPayReceiveAddress}>
<div
class="flex justify-center items-center w-20 h-7 bg-[#fede32] rounded-full"
>
<img src={imageKakaoPay} style="width:50%" alt="카카오페이로 송금하기" />
</div>
</a>
{/if}
</div>
</tr>