Fix add name select input elements (#1114)

* fix(input,select: added name to element * added changeset file --------- Co-authored-by: Johan Holm <johanholm@Johans-MBP.lan>
web3ui · Jun 14, 2023 · b3cea3d · b3cea3d
1 parent 44d67b5
commit b3cea3d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/curvy-emus-begin.md b/.changeset/curvy-emus-begin.md
@@ -0,0 +1,5 @@
+---
+'@web3uikit/core': patch
+---
+
+fix(input,select): added name to element
diff --git a/packages/core/src/lib/InputNew/Input.tsx b/packages/core/src/lib/InputNew/Input.tsx
@@ -23,6 +23,7 @@ const Input: React.FC<IInputProps> = ({
     errorMessage = 'Sorry this is not valid',
     id,
     label,
+    name,
     onBlur,
     onChange,
     onFocus,
@@ -145,6 +146,7 @@ const Input: React.FC<IInputProps> = ({
                         maxLength={validation?.maxLength || props.maxLength}
                         min={validation?.min || props.min}
                         minLength={validation?.minLength || props.minLength}
+                        name={name}
                         onBlur={(e) => onBlurEvent(e)}
                         onChange={(e) => onChangeEvent(e)}
                         onFocus={(e) => onFocusEvent(e)}

diff --git a/packages/core/src/lib/Select/TraditionalSelect/TraditionalSelect.tsx b/packages/core/src/lib/Select/TraditionalSelect/TraditionalSelect.tsx
@@ -12,6 +12,7 @@ const TraditionalSelect: React.FC<ISelectProps> = ({
     errorMessage = '',
     id = 'web3uikit-select',
     label,
+    name,
     onBlurTraditional,
     onChange,
     onChangeTraditional,
@@ -55,6 +56,7 @@ const TraditionalSelect: React.FC<ISelectProps> = ({
                 }
                 required={validation?.required}
                 value={value}
+                name={name}
             >
                 <option disabled>{placeholder || 'Please choose'}</option>