From 4c8832397fa88b2dfd303af47f54547bfd483d00 Mon Sep 17 00:00:00 2001 From: Akira Hayashi Date: Wed, 23 Oct 2024 14:08:08 +0900 Subject: [PATCH 1/2] Inhibit translation of OTP field to avoid error on DOM manipulation otherwise we'll get error below: > NotFoundError: Failed to execute 'removeChild' on 'Node': The node > to be removed is not a child of this node. --- app/(auth)/signup/verify-email/verify-email-form.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/app/(auth)/signup/verify-email/verify-email-form.tsx b/app/(auth)/signup/verify-email/verify-email-form.tsx index 58eab35a..7fb84c35 100644 --- a/app/(auth)/signup/verify-email/verify-email-form.tsx +++ b/app/(auth)/signup/verify-email/verify-email-form.tsx @@ -71,6 +71,7 @@ export const VerifyEmailForm: FC = () => { data-1p-ignore name="token" onComplete={handleComplete} + className="notranslate" > From c8dd9b674a429e9385f0a83f881c3567f46d8c64 Mon Sep 17 00:00:00 2001 From: Akira Hayashi Date: Wed, 23 Oct 2024 18:48:18 +0900 Subject: [PATCH 2/2] Explain "notranslate" class is not for Talwind CSS --- app/(auth)/signup/verify-email/verify-email-form.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(auth)/signup/verify-email/verify-email-form.tsx b/app/(auth)/signup/verify-email/verify-email-form.tsx index 7fb84c35..0ccc029b 100644 --- a/app/(auth)/signup/verify-email/verify-email-form.tsx +++ b/app/(auth)/signup/verify-email/verify-email-form.tsx @@ -71,7 +71,7 @@ export const VerifyEmailForm: FC = () => { data-1p-ignore name="token" onComplete={handleComplete} - className="notranslate" + className="notranslate" // prevent Google Chrome translation to avoid DOM error >