fix(Select): move cursor to field start

The InputGroup examples should be fixed once we move to React-Select v5. New version is using grid for positioning the input and placeholder. Closes UXD-1221
securityscorecard · Jul 12, 2023 · e39cedb · e39cedb
1 parent 74358c6
commit e39cedb
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 0 deletions.
diff --git a/...-snapshots/expected/components_forms_InputGroup_Input Group With Search Bar.png b/...-snapshots/expected/components_forms_InputGroup_Input Group With Search Bar.png
diff --git a/...ook/image-snapshots/expected/components_forms_InputGroup_Nested Input Group.png b/...ook/image-snapshots/expected/components_forms_InputGroup_Nested Input Group.png
diff --git a/src/components/forms/Select/Select.styles.tsx b/src/components/forms/Select/Select.styles.tsx
@@ -175,6 +175,7 @@ export const selectStyles: (
       fontSize: DSTheme.typography.size.md,
       lineHeight: DSTheme.typography.lineHeight.md,
       display: isEmptyString(children) ? 'none' : 'block',
+      position: 'absolute',
     }),
     indicatorsContainer: (styles) => ({
       ...styles,