fix for 'confirm code' button not working on registration screen (#1179)

didx-xyz · Dec 12, 2024 · 7c08bc1 · 7c08bc1
1 parent ce751a7
commit 7c08bc1
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 1 deletion.
diff --git a/src/keycloak/providers/jars/keycloak-phone-provider.jar b/src/keycloak/providers/jars/keycloak-phone-provider.jar
diff --git a/src/keycloak/providers/jars/keycloak-phone-provider.resources.jar b/src/keycloak/providers/jars/keycloak-phone-provider.resources.jar
diff --git a/src/keycloak/providers/jars/keycloak-sms-provider-dummy.jar b/src/keycloak/providers/jars/keycloak-sms-provider-dummy.jar
diff --git a/src/keycloak/providers/jars/keycloak-sms-provider-twilio.jar b/src/keycloak/providers/jars/keycloak-sms-provider-twilio.jar
diff --git a/...k-phone-provider.resources/src/main/resources/theme/phone/login/register-user-profile.ftl b/...k-phone-provider.resources/src/main/resources/theme/phone/login/register-user-profile.ftl
@@ -12,7 +12,7 @@
     <script src="${url.resourcesPath}/js/intlTelInputDirective.js"></script>
 
     <div id="vue-app">
-      <form id="kc-register-form" class="${properties.kcFormClass!}" action="${url.registrationAction}" method="post" @submit="onSubmit">
+      <form ref="form" @submit.prevent="confirmCode" id="kc-register-form" class="${properties.kcFormClass!}" action="${url.registrationAction}" method="post" @submit="onSubmit">
 
         <input type="hidden" id="phoneNumberAsUsername" name="phoneNumberAsUsername" v-model="phoneNumberAsUsername">
         <input type="hidden" id="isCodeSent" name="isCodeSent" v-model="isCodeSent">
@@ -358,6 +358,9 @@
           confirmCode(){
             // auto check terms and conditions when verify code (prevent validation error)
             this.terms_and_conditions = "Yes";
+
+             // submit the form
+            this.$refs.form.submit();
           },
           onSubmit(event) {
             this.isSubmitAttempted = true;