fix(search): Fix the overlapping content issue around the clear button (

#1474)
cengage · Oct 4, 2024 · 1da9900 · 1da9900 · github-actions · Oct 4, 2024
1 parent 113785d
commit 1da9900
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/search-clear-overlaps.md b/.changeset/search-clear-overlaps.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(search): Fix the overlapping content issue around the clear button
diff --git a/packages/react-magma-dom/src/components/InputBase/index.tsx b/packages/react-magma-dom/src/components/InputBase/index.tsx
@@ -686,7 +686,9 @@ export const InputBase = React.forwardRef<HTMLInputElement, InputBaseProps>(
               iconPosition={iconPosition}
               inputSize={inputSize ? inputSize : InputSize.medium}
               isClearable={
-                inputWrapperStyle?.width
+                type === InputType.search
+                  ? isClearable
+                  : inputWrapperStyle?.width
                   ? isClearable
                   : isClearable && inputLength > 0
               }