feat: disable submit on keypress in textarea

WGR-SA · Feb 22, 2024 · 05dfea2 · 05dfea2
1 parent 46d9dd7
commit 05dfea2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/playground/app.vue b/playground/app.vue
@@ -18,6 +18,7 @@
       />
       <FormInput label="" type="checkbox" name="tosnlpd" :rules="[{ equals: [true], message: 'coucou' }]" />
       <FormInput name="safs" :rules="['isNotEmpty']" />
+      <FormTextarea name="saffs" :rules="['isNotEmpty']" />
       <FormSubmit>
         Submit 
       </FormSubmit>

diff --git a/src/runtime/components/FormSubmit.vue b/src/runtime/components/FormSubmit.vue
@@ -17,11 +17,11 @@ const submit = async () => {
 
 onMounted(() => {
   document.addEventListener('keypress', function (event) {
-    if (event.key === 'Enter') {
-      event.preventDefault();
+    if (event.key === 'Enter' && (event.target as Element)?.tagName !== 'TEXTAREA') {
+      event.preventDefault()
       submit()
     }
-  });
+  })
 })
 
 </script>