fix maxlength being set to 0

Adyen · Aug 21, 2023 · a9b39ef · a9b39ef
1 parent 01f11ed
commit a9b39ef
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/packages/lib/src/components/internal/Address/components/FieldContainer.tsx b/packages/lib/src/components/internal/Address/components/FieldContainer.tsx
@@ -73,7 +73,7 @@ function FieldContainer(props: FieldContainerProps) {
                         value={value}
                         onInput={onInput}
                         onBlur={onBlur}
-                        maxLength={maxLength}
+                        maxlength={maxLength}
                         trimOnBlur={trimOnBlur}
                         disabled={disabled}
                         required={!isOptional}

diff --git a/packages/lib/src/components/internal/FormFields/InputBase.tsx b/packages/lib/src/components/internal/FormFields/InputBase.tsx
@@ -24,6 +24,7 @@ export interface InputBaseProps extends h.JSX.HTMLAttributes {
     onCreateRef?(reference: HTMLInputElement): void;
     onBlurHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;
     onFocusHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;
+    maxlength?: number | null;
 }
 
 export default function InputBase({ onCreateRef, ...props }: InputBaseProps) {

diff --git a/packages/lib/src/components/internal/FormFields/InputText.tsx b/packages/lib/src/components/internal/FormFields/InputText.tsx
@@ -1,7 +1,7 @@
 import { h } from 'preact';
-import InputBase from './InputBase';
+import InputBase, { InputBaseProps } from './InputBase';
 
-export default function InputText(props) {
+export default function InputText(props: InputBaseProps) {
     /* Type of input base is always text, which is combined with using inputmode to change mobile keyboards.
      * This gives the most consistent and performant mobile input experience.
      */