fix: removed form tag from Input component (#379)

It was causing the form to be submitted on press of Enter button
nearform · Mar 8, 2024 · 35d130f · 35d130f
1 parent 28b61e3
commit 35d130f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
@@ -107,7 +107,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     const rightSideComponent = rightSideChild ?? <BsX strokeWidth={0.6} />
 
     return (
-      <form className={cn(formVariants({ variant }), formClassName)}>
+      <div className={cn(formVariants({ variant }), formClassName)}>
         <div className={cn(leftSideVariants(), leftSideClassName)}>
           {leftSideComponent}
         </div>
@@ -121,7 +121,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         <button type="button" onClick={onClear} className={rightSideVariants()}>
           {rightSideComponent}
         </button>
-      </form>
+      </div>
     )
   }
 )