fix: input overflow issues fixed

makkarMeenu · makkarMeenu · commit 3294c9fc142d · 2021-11-12T19:21:02.000+05:30
diff --git a/src/components/primitives/Input/Input.tsx b/src/components/primitives/Input/Input.tsx
@@ -19,7 +19,12 @@ const Input = (props: IInputProps, ref: any) => {
     return null;
   }
 
-  if (props.InputLeftElement || props.InputRightElement)
+  if (
+    props.InputLeftElement ||
+    props.InputRightElement ||
+    props.leftElement ||
+    props.rightElement
+  )
     return <InputAdvanced {...props} ref={ref} inputProps={inputProps} />;
   else return <InputBase {...props} ref={ref} inputProps={inputProps} />;
 };
diff --git a/src/components/primitives/Input/InputAdvanced.tsx b/src/components/primitives/Input/InputAdvanced.tsx
@@ -97,7 +97,6 @@ const InputAdvance = (
       flexDirection="row"
       alignItems="center"
       justifyContent="space-between"
-      overflow="hidden"
       {...layoutProps}
       ref={mergeRefs([_ref, wrapperRef])}
     >
diff --git a/src/theme/components/input.ts b/src/theme/components/input.ts
@@ -31,6 +31,7 @@ const baseStyle = (props: Record<string, any>) => {
     fontFamily: 'body',
     p: '2',
     borderRadius: 'sm',
+    overflow: 'auto',
     color: mode('coolGray.800', 'warmGray.50')(props),
     placeholderTextColor: 'muted.400',
     background: 'transparent',

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,6 @@ const InputAdvance = (`
`97`	`97`	`flexDirection="row"`
`98`	`98`	`alignItems="center"`
`99`	`99`	`justifyContent="space-between"`
`100`		`- overflow="hidden"`
`101`	`100`	`{...layoutProps}`
`102`	`101`	`ref={mergeRefs([_ref, wrapperRef])}`
`103`	`102`	`>`