From 344db5ec9ef4781572d5dc8a9881e1414f512251 Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Tue, 23 Jan 2024 17:31:19 +0800
Subject: [PATCH] fix(comment): fix z-index of user mentioning on comment
 editor

---
 src/common/styles/vendors/tippy.css                            | 2 +-
 src/components/Editor/Article/extensions/mention/suggestion.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common/styles/vendors/tippy.css b/src/common/styles/vendors/tippy.css
index e8dcaf9d0b..d14b2fd657 100644
--- a/src/common/styles/vendors/tippy.css
+++ b/src/common/styles/vendors/tippy.css
@@ -133,7 +133,7 @@
   line-height: inherit;
   color: inherit;
   text-align: center;
-  background: var(--color-white);
+  background: transparent;
   border-radius: 0;
 }
 
diff --git a/src/components/Editor/Article/extensions/mention/suggestion.ts b/src/components/Editor/Article/extensions/mention/suggestion.ts
index 7c53e67b4b..947e356717 100644
--- a/src/components/Editor/Article/extensions/mention/suggestion.ts
+++ b/src/components/Editor/Article/extensions/mention/suggestion.ts
@@ -69,7 +69,7 @@ export const makeMentionSuggestion = ({
 
         popup = tippy('body', {
           getReferenceClientRect: props.clientRect,
-          appendTo: () => document.querySelector('#editor') || document.body,
+          appendTo: () => document.body,
           content: component.element,
           showOnCreate: true,
           interactive: true,