From 735cfda7683af4ff25a80d022d15d59341685373 Mon Sep 17 00:00:00 2001
From: Maciej Kasprzyk <maciej.kasprzyk.it@gmail.com>
Date: Fri, 18 Aug 2023 02:41:24 +0200
Subject: [PATCH] fix: tag suggestions positioning (#2151)

---
 .../components/MemoEditor/Editor/TagSuggestions.tsx    |  4 ++--
 web/src/less/memo-editor.less                          | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/src/components/MemoEditor/Editor/TagSuggestions.tsx b/web/src/components/MemoEditor/Editor/TagSuggestions.tsx
index 434c8db28..d059e4f95 100644
--- a/web/src/components/MemoEditor/Editor/TagSuggestions.tsx
+++ b/web/src/components/MemoEditor/Editor/TagSuggestions.tsx
@@ -94,8 +94,8 @@ const TagSuggestions = ({ editorRef, editorActions }: Props) => {
   if (!isVisibleRef.current || !position) return null;
   return (
     <div
-      className="z-2 p-1 absolute max-w-[12rem] rounded font-mono shadow bg-zinc-200 dark:bg-zinc-600"
-      style={{ left: position.left - 6, top: position.top + position.height + 2 }}
+      className="tag-suggestions z-20 p-1 absolute max-w-[12rem] rounded font-mono shadow bg-zinc-200 dark:bg-zinc-600"
+      style={{ left: position.left, top: position.top + position.height }}
     >
       {suggestionsRef.current.map((tag, i) => (
         <div
diff --git a/web/src/less/memo-editor.less b/web/src/less/memo-editor.less
index 95fc9945a..c51d93b5c 100644
--- a/web/src/less/memo-editor.less
+++ b/web/src/less/memo-editor.less
@@ -12,6 +12,11 @@
       }
     }
 
+    .tag-suggestions {
+      margin-left: 6px;
+      margin-top: 18px;
+    }
+
     .tag-action > .tag-list {
       @apply bottom-7;
       top: unset !important;
@@ -22,6 +27,11 @@
     }
   }
 
+  .tag-suggestions {
+    margin-left: -10px;
+    margin-top: 2px;
+  }
+
   > .memo-editor {
     @apply mt-4 flex flex-col justify-start items-start relative w-full h-auto bg-inherit dark:text-gray-200;
   }