denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update z-index in PortalDropdown component to use a constant for improved maintainability and clarity
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 16m47s
Details

Browse Source
This commit is contained in:
denozord
2025-08-13 12:32:02 +07:00
parent ae8141bee8
commit 158af391b0
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/PortalDropdown.jsx
+2 -1
View File
@@ -18,6 +18,7 @@ function PortalDropdown({
const menuRef = useRef(null); const menuRef = useRef(null);
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [coords, setCoords] = useState({ top: 0, left: 0, minWidth: 0 }); const [coords, setCoords] = useState({ top: 0, left: 0, minWidth: 0 });
const BASE_Z = 1035; // above navbar (1030), below modal-backdrop (1040) and modal (1050)
const updatePosition = () => { const updatePosition = () => {
const btn = buttonRef.current; const btn = buttonRef.current;
@@ -78,7 +79,7 @@ function PortalDropdown({
{open && body && createPortal( {open && body && createPortal(
<div <div
ref={menuRef} ref={menuRef}
style={{ position: 'absolute', top: `${coords.top}px`, left: `${coords.left}px`, zIndex: 10000, minWidth: `${coords.minWidth}px` }} style={{ position: 'absolute', top: `${coords.top}px`, left: `${coords.left}px`, zIndex: BASE_Z, minWidth: `${coords.minWidth}px` }}
> >
<div className={menuClassName} style={{ display: 'block' }}> <div className={menuClassName} style={{ display: 'block' }}>
{children} {children}