fix toolbar: dropdown zIndex issue fix

hotosm · Apr 9, 2024 · 712c4ad · 712c4ad
1 parent 0a97d7a
commit 712c4ad
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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) => {