Scroll to first invalid field on error

wbstack · Jan 19, 2024 · c9c8149 · c9c8149
1 parent bf6cf41
commit c9c8149
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/Pages/ManageWiki/Cards/QuestyCaptcha.vue b/src/components/Pages/ManageWiki/Cards/QuestyCaptcha.vue
@@ -140,7 +140,11 @@ export default {
       }
 
       await this.$nextTick()
-      if (!this.$refs.questyForm.validate()) {
+      const invalidField = this.$refs.questyForm.$children.find((field) => {
+        return typeof field.validate === 'function' && !field.validate()
+      })
+      if (invalidField) {
+        invalidField.$el.scrollIntoView({ behavior: 'smooth' })
         return
       }