fix: only add novalidate attr if the rendered element is form

logaretm · Jul 16, 2020 · 3638cea · 3638cea
1 parent 0ff1bad
commit 3638cea
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/packages/core/src/Form.ts b/packages/core/src/Form.ts
@@ -53,21 +53,29 @@ export const Form = defineComponent({
 
     return () => {
       const children = normalizeChildren(ctx, slotProps.value);
-      if (props.as) {
-        return h(
-          props.as,
-          {
-            // Disables native validation as vee-validate will handle it.
-            novalidate: true,
-            ...ctx.attrs,
-            onSubmit,
-            onReset: handleFormReset,
-          },
-          children
-        );
+      if (!props.as) {
+        return children;
       }
 
-      return children;
+      // Attributes to add on a native `form` tag
+      const formAttrs =
+        props.as === 'form'
+          ? {
+              // Disables native validation as vee-validate will handle it.
+              novalidate: true,
+            }
+          : {};
+
+      return h(
+        props.as,
+        {
+          ...formAttrs,
+          ...ctx.attrs,
+          onSubmit,
+          onReset: handleFormReset,
+        },
+        children
+      );
     };
   },
 });