From 68fa170c080caeb2ff3c885e5535cd76288ed5f6 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Wed, 9 Mar 2022 13:07:14 +0500
Subject: [PATCH] fix: close tag autosuggest on note switch

---
 apps/web/src/components/editor/header.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/editor/header.js b/apps/web/src/components/editor/header.js
index a1888cfe9..b2f9494ee 100644
--- a/apps/web/src/components/editor/header.js
+++ b/apps/web/src/components/editor/header.js
@@ -46,6 +46,7 @@ function Header({ readonly }) {
             />
           ))}
           <Autosuggest
+            sessionId={id}
             filter={(query) =>
               db.lookup.tags(filterableTags, query).slice(0, 10)
             }
@@ -64,7 +65,14 @@ function Header({ readonly }) {
 }
 export default Header;
 
-function Autosuggest({ filter, onRemove, onSelect, onAdd, defaultItems }) {
+function Autosuggest({
+  sessionId,
+  filter,
+  onRemove,
+  onSelect,
+  onAdd,
+  defaultItems,
+}) {
   const [filtered, setFiltered] = useState([]);
   const inputRef = useRef();
   const { openMenu, closeMenu } = useMenuTrigger();
@@ -127,8 +135,13 @@ function Autosuggest({ filter, onRemove, onSelect, onAdd, defaultItems }) {
     const text = getInputValue();
     const isFocused = document.activeElement === inputRef.current;
     if (isFocused && !text) setFiltered(defaultItems);
+    console.log(isFocused, text);
   }, [defaultItems, getInputValue]);
 
+  useEffect(() => {
+    setFiltered([]);
+  }, [sessionId]);
+
   return (
     <Input
       ref={inputRef}