From 2101b1d740ac42ca052ac3a731fc4c04d9a98bb4 Mon Sep 17 00:00:00 2001
From: Ashfaq <ashfaqnisar00@gmail.com>
Date: Wed, 15 Dec 2021 14:00:54 +0530
Subject: [PATCH] Fixed the issue with the searchAlwaysOpen when using debounce

---
 src/plug-ins/DebounceSearchRender.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/plug-ins/DebounceSearchRender.js b/src/plug-ins/DebounceSearchRender.js
index df17e3c82..253f9e1df 100644
--- a/src/plug-ins/DebounceSearchRender.js
+++ b/src/plug-ins/DebounceSearchRender.js
@@ -63,6 +63,7 @@ class _DebounceTableSearch extends React.Component {
     }
   };
 
+
   render() {
     const { classes, options, onHide, searchText, debounceWait } = this.props;
 
@@ -70,6 +71,9 @@ class _DebounceTableSearch extends React.Component {
       this.props.onSearch(value);
     }, debounceWait);
 
+    const clearIconVisibility = options.searchAlwaysOpen ? 'hidden' : 'visible';
+
+
     return (
       <Grow appear in={true} timeout={300}>
         <div className={classes.main}>
@@ -89,7 +93,7 @@ class _DebounceTableSearch extends React.Component {
             placeholder={options.searchPlaceholder}
             {...(options.searchProps ? options.searchProps : {})}
           />
-          <IconButton className={classes.clearIcon} onClick={onHide}>
+          <IconButton className={classes.clearIcon} style={{ visibility: clearIconVisibility }}  onClick={onHide}>
             <ClearIcon />
           </IconButton>
         </div>