From 50873a4f9e1bd69fa11302fc7e36b857fb541896 Mon Sep 17 00:00:00 2001
From: Mistral Vibe <vibe@mistral.ai>
Date: Mon, 12 Oct 2026 16:48:48 +0200
Subject: [PATCH] Fix Immich modal positioning with portal to always see the
 Associate button

---
 frontend/src/components/ImmichFacePanel.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ImmichFacePanel.jsx b/frontend/src/components/ImmichFacePanel.jsx
index 1c57acf..6e6d077 100644
--- a/frontend/src/components/ImmichFacePanel.jsx
+++ b/frontend/src/components/ImmichFacePanel.jsx
@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { ImagePlus, Loader2, Search, Unlink, UserRound, X } from 'lucide-react'
+import { createPortal } from 'react-dom'
 
 import {
   assignImmichPerson,
@@ -128,7 +129,7 @@ const ImmichFacePanel = ({ person, treeId, token, onClose, onImmichChange }) =>
     }
   }
 
-  return (
+  return createPortal(
     <div className="pz-overlay immich-modal-overlay" onClick={handleOverlayClick}>
       <div className="pz-modal immich-modal-card" role="dialog" aria-modal="true" aria-labelledby="immichFaceTitle">
         <div className="pz-modal-head">
@@ -213,7 +214,8 @@ const ImmichFacePanel = ({ person, treeId, token, onClose, onImmichChange }) =>
           </div>
         )}
       </div>
-    </div>
+    </div>,
+    document.body
   )
 }