From 25b1d69e63f2a9929e3cd8d588716aa4a92544c3 Mon Sep 17 00:00:00 2001
From: timothycarambat <rambat1010@gmail.com>
Date: Mon, 10 Jun 2024 16:25:35 -0700
Subject: [PATCH] portal all modals to prevent z-index scoping issues
---
frontend/src/components/ModalWrapper/index.jsx | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/ModalWrapper/index.jsx b/frontend/src/components/ModalWrapper/index.jsx
index 37041f634..bd3995ce4 100644
--- a/frontend/src/components/ModalWrapper/index.jsx
+++ b/frontend/src/components/ModalWrapper/index.jsx
@@ -1,9 +1,12 @@
+import { createPortal } from "react-dom";
+
export default function ModalWrapper({ children, isOpen }) {
if (!isOpen) return null;
- return (
+ return createPortal(
<div className="bg-black/60 backdrop-blur-sm fixed top-0 left-0 outline-none w-screen h-screen flex items-center justify-center z-30">
{children}
- </div>
+ </div>,
+ document.getElementById("root")
);
}
--
GitLab