From 712c4adfd853fca18b57bd16682ac973a73e269e Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Tue, 9 Apr 2024 13:27:27 +0545
Subject: [PATCH] fix toolbar: dropdown zIndex issue fix

---
 src/frontend/src/components/common/Editor/Toolbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/common/Editor/Toolbar.tsx b/src/frontend/src/components/common/Editor/Toolbar.tsx
index e155eafd44..e5b508222f 100644
--- a/src/frontend/src/components/common/Editor/Toolbar.tsx
+++ b/src/frontend/src/components/common/Editor/Toolbar.tsx
@@ -92,7 +92,7 @@ export const Toolbar = ({ editor }: ToolbarProps) => {
               </div>
             </Tooltip>
           </DropdownMenuTrigger>
-          <DropdownMenuContent className="fmtm-flex fmtm-gap-1 fmtm-bg-white fmtm-px-1 fmtm-z-50">
+          <DropdownMenuContent className="fmtm-flex fmtm-gap-1 fmtm-bg-white fmtm-px-1 fmtm-z-[10005]">
             <Tooltip title="Heading 1">
               <p
                 onClick={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}
@@ -159,7 +159,7 @@ export const Toolbar = ({ editor }: ToolbarProps) => {
               <AssetModules.LinkIcon className={`${iconClassName} ${isEditorActive('link')}`} />
             </Tooltip>
           </DropdownMenuTrigger>
-          <DropdownMenuContent className="fmtm-z-50 fmtm-flex fmtm-items-center fmtm-gap-2 fmtm-bg-white">
+          <DropdownMenuContent className="fmtm-z-[10005] fmtm-flex fmtm-items-center fmtm-gap-2 fmtm-bg-white">
             <InputTextField
               placeholder="URL"
               onChange={(e) => {
@@ -194,7 +194,7 @@ export const Toolbar = ({ editor }: ToolbarProps) => {
               <AssetModules.ImageAddIcon className={`${iconClassName}`} />
             </Tooltip>
           </DropdownMenuTrigger>
-          <DropdownMenuContent className="fmtm-z-50 fmtm-flex fmtm-items-center fmtm-gap-2 fmtm-bg-white">
+          <DropdownMenuContent className="fmtm-z-[10005] fmtm-flex fmtm-items-center fmtm-gap-2 fmtm-bg-white">
             <InputTextField
               placeholder="Image URL"
               onChange={(e) => {