fix(Select): QUV-837 Input with select with long text overlaps expand…

…s icon
DevoInc · May 8, 2023 · 7b5e716 · 7b5e716
1 parent aee71fe
commit 7b5e716
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/core/src/components/SelectControl/styled/StyledSelectControl.ts b/packages/core/src/components/SelectControl/styled/StyledSelectControl.ts
@@ -185,6 +185,16 @@ export const StyledSelectControl = styled(ReactSelect).attrs(
         }
         ////////////////////////////////// END VALUE WRAPPER & VALUE CONTAINER
 
+        // INPUT CONTAINER ///////////////////////////////////////////////////
+        &__input-container {
+          overflow-y: hidden;
+
+          &::-webkit-scrollbar {
+            display: none;
+          }
+        }
+        ////////////////////////////////////////////////// END INPUT CONTAINER
+
         // VALUE CONTAINER ///////////////////////////////////////////////////
         &__value-container {
           padding: 0 0 0 ${defaultHorPadding};

diff --git a/packages/core/src/components/SelectControl/utils.ts b/packages/core/src/components/SelectControl/utils.ts
@@ -1,5 +1,5 @@
 import { ActionMeta, MultiValue, Props, PropsValue } from 'react-select';
-import { ChipSize } from '../../../src/components/Chip/declarations';
+import { ChipSize } from '../Chip/declarations';
 import { FieldSize } from '../../declarations';
 import { SelectOption } from './declarations';
 import { SelectControlProps } from './SelectControl';