workaround: Use ref & disable interactive validation

Author: Perlmint

web-next/src/locales/en-US/messages.po

@@ -128,7 +128,7 @@ msgstr "{0}'s notes"
 msgid "{0}'s shares"
 msgstr "{0}'s shares"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:433
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:243
 msgid "A passkey with this name already exists"
 msgstr "A passkey with this name already exists"
 
@@ -144,11 +144,11 @@ msgstr "Account"
 msgid "An error occurred during signup. Please try again."
 msgstr "An error occurred during signup. Please try again."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:304
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:314
 msgid "An error occurred while registering your passkey."
 msgstr "An error occurred while registering your passkey."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:352
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:362
 msgid "An error occurred while revoking your passkey."
 msgstr "An error occurred while revoking your passkey."
 
@@ -161,7 +161,7 @@ msgid "An error occurred while saving your settings. Please try again, or contac
 msgstr "An error occurred while saving your settings. Please try again, or contact support if the problem persists."
 
 #. placeholder {0}: passkeyToRevoke()?.name
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:563
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:560
 msgid "Are you sure you want to revoke passkey {0}? You won't be able to use it to sign in to your account anymore."
 msgstr "Are you sure you want to revoke passkey {0}? You won't be able to use it to sign in to your account anymore."
 
@@ -192,7 +192,7 @@ msgstr "Bio"
 msgid "Bio is too long. Maximum length is 512 characters."
 msgstr "Bio is too long. Maximum length is 512 characters."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:567
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:564
 msgid "Cancel"
 msgstr "Cancel"
 
@@ -203,7 +203,7 @@ msgstr "Cancel"
 msgid "Code of conduct"
 msgstr "Code of conduct"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:486
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:483
 msgid "Created:"
 msgstr "Created:"
 
@@ -244,7 +244,7 @@ msgstr "Enter your email or username below to sign in."
 msgid "Error"
 msgstr "Error"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:425
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:430
 msgid "ex) My key"
 msgstr "ex) My key"
 
@@ -264,7 +264,7 @@ msgstr "Failed to load more notes; click to retry"
 msgid "Failed to load more notifications; click to retry"
 msgstr "Failed to load more notifications; click to retry"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:540
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:537
 msgid "Failed to load more passkeys; click to retry"
 msgstr "Failed to load more passkeys; click to retry"
 
@@ -273,12 +273,13 @@ msgstr "Failed to load more passkeys; click to retry"
 msgid "Failed to load more posts; click to retry"
 msgstr "Failed to load more posts; click to retry"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:301
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:242
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:311
 msgid "Failed to register passkey"
 msgstr "Failed to register passkey"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:343
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:349
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:353
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:359
 msgid "Failed to revoke passkey"
 msgstr "Failed to revoke passkey"
 
@@ -347,7 +348,7 @@ msgstr "If enabled, the AI will generate a summary of the article for you. Other
 msgid "John Doe"
 msgstr "John Doe"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:495
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:492
 msgid "Last used:"
 msgstr "Last used:"
 
@@ -367,7 +368,7 @@ msgstr "Load more notes"
 msgid "Load more notifications"
 msgstr "Load more notifications"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:541
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:538
 msgid "Load more passkeys"
 msgstr "Load more passkeys"
 
@@ -392,7 +393,7 @@ msgstr "Loading more notes…"
 msgid "Loading more notifications"
 msgstr "Loading more notifications"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:538
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:535
 msgid "Loading more passkeys…"
 msgstr "Loading more passkeys…"
 
@@ -423,7 +424,7 @@ msgstr "Name is required."
 msgid "Name is too long. Maximum length is 50 characters."
 msgstr "Name is too long. Maximum length is 50 characters."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:501
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:498
 msgid "Never used"
 msgstr "Never used"
 
@@ -473,20 +474,20 @@ msgstr "Page Not Found"
 msgid "Passkey authentication failed"
 msgstr "Passkey authentication failed"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:420
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:425
 msgid "Passkey name"
 msgstr "Passkey name"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:289
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:299
 msgid "Passkey registered successfully"
 msgstr "Passkey registered successfully"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:336
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:346
 msgid "Passkey revoked"
 msgstr "Passkey revoked"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:385
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:396
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:395
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:406
 msgid "passkeys"
 msgstr "passkeys"
 
@@ -531,32 +532,32 @@ msgstr "Read full article"
 msgid "Read the full Code of conduct"
 msgstr "Read the full Code of conduct"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:444
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:441
 msgid "Register"
 msgstr "Register"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:407
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:417
 msgid "Register a passkey"
 msgstr "Register a passkey"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:409
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:419
 msgid "Register a passkey to sign in to your account. You can use a passkey instead of receiving a sign-in link by email."
 msgstr "Register a passkey to sign in to your account. You can use a passkey instead of receiving a sign-in link by email."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:451
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:448
 msgid "Registered passkeys"
 msgstr "Registered passkeys"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:444
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:441
 msgid "Registering…"
 msgstr "Registering…"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:516
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:572
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:513
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:569
 msgid "Revoke"
 msgstr "Revoke"
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:561
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:558
 msgid "Revoke passkey"
 msgstr "Revoke passkey"
 
@@ -572,7 +573,7 @@ msgstr "Saving…"
 
 #: src/components/AppSidebar.tsx:288
 #: src/routes/(root)/[handle]/settings/index.tsx:180
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:390
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:400
 #: src/routes/(root)/[handle]/settings/preferences.tsx:181
 msgid "Settings"
 msgstr "Settings"
@@ -643,11 +644,11 @@ msgstr "The default privacy setting for your notes."
 msgid "The default privacy setting for your shares."
 msgstr "The default privacy setting for your shares."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:453
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:450
 msgid "The following passkeys are registered to your account. You can use them to sign in to your account."
 msgstr "The following passkeys are registered to your account. You can use them to sign in to your account."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:337
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:347
 msgid "The passkey has been successfully revoked."
 msgstr "The passkey has been successfully revoked."
 
@@ -729,7 +730,7 @@ msgstr "Without shares"
 msgid "You can change it only once, and the old username will become available to others."
 msgstr "You can change it only once, and the old username will become available to others."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:465
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:462
 msgid "You don't have any passkeys registered yet."
 msgstr "You don't have any passkeys registered yet."
 
@@ -758,7 +759,7 @@ msgstr "Your email address will be used to sign in to your account."
 msgid "Your name will be displayed on your profile and in your posts."
 msgstr "Your name will be displayed on your profile and in your posts."
 
-#: src/routes/(root)/[handle]/settings/passkeys.tsx:291
+#: src/routes/(root)/[handle]/settings/passkeys.tsx:301
 msgid "Your passkey has been registered and can now be used for authentication."
 msgstr "Your passkey has been registered and can now be used for authentication."