Leopoldadmin/leocrm
1
0
Fork 0
Code Issues 363 Pull Requests Actions 1 Packages Projects Releases 1 Wiki Activity

fix: dropdown as portal in document.body with z-9999 — no longer hidden by sidebar

Browse Source
This commit is contained in:
Agent Zero
2026-07-27 17:22:24 +02:00
parent 01040201ef
commit c670084420
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/contacts/ContactFolderTree.tsx
+5 -3
View File
@@ -1,4 +1,5 @@
import React, { useState, useEffect, useRef, useCallback } from 'react'; import React, { useState, useEffect, useRef, useCallback } from 'react';
import { createPortal } from 'react-dom';
import clsx from 'clsx'; import clsx from 'clsx';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { import {
@@ -100,10 +101,10 @@ function FolderDropdown({
const left = Math.max(4, Math.min(state.anchorRect.right - 160, window.innerWidth - 170)); const left = Math.max(4, Math.min(state.anchorRect.right - 160, window.innerWidth - 170));
const maxHeight = Math.min(300, window.innerHeight - top - 8); const maxHeight = Math.min(300, window.innerHeight - top - 8);
return ( return createPortal(
<div <div
ref={ref} ref={ref}
className="fixed z-50 bg-white border border-secondary-200 rounded-lg shadow-lg py-1 min-w-[160px]" className="fixed z-[9999] bg-white border border-secondary-200 rounded-lg shadow-lg py-1 min-w-[160px]"
style={{ top, left, maxHeight: maxHeight > 0 ? maxHeight : undefined, overflowY: 'auto' }} style={{ top, left, maxHeight: maxHeight > 0 ? maxHeight : undefined, overflowY: 'auto' }}
> >
{items.map((item, i) => ( {items.map((item, i) => (
@@ -119,7 +120,8 @@ function FolderDropdown({
{item.label} {item.label}
</button> </button>
))} ))}
</div> </div>,
document.body
); );
} }