🚸Search: remove clear button when disabled (#3054)

* 🐛 Fixed so that clear-icon is not visible in disabled field (#3053) * 🐛 Added dependency in useEffect (#3053) * 🐛 Fixed problem with registering change to disabled (#3053)
equinor · Sep 18, 2023 · 3de9c75 · 3de9c75
1 parent 6609b34
commit 3de9c75
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/eds-core-react/src/components/Search/Search.tsx b/packages/eds-core-react/src/components/Search/Search.tsx
@@ -42,10 +42,12 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(
   const [showClear, setShowClear] = useState(Boolean(rest.defaultValue))
 
   useEffect(() => {
-    if (rest.value) {
+    if (rest.disabled) {
+      setShowClear(false)
+    } else if (rest.value) {
       setShowClear(Boolean(rest.value))
     }
-  }, [rest.value])
+  }, [rest.value, rest.disabled])
 
   const clearInputValue = () => {
     const input = inputRef.current