From 4ddaab68a15b87e359bfed97b05e69402d8b18bc Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Tue, 10 Feb 2026 15:08:17 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix:=20Update=20z-index=20for=20?=
 =?UTF-8?q?ImagePreview=20modal=20components=20(#11714)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Increased z-index values for the DialogPrimitive overlay and content in ImagePreview.tsx to ensure proper stacking order and visibility of modal elements. This change enhances the user experience by preventing modal content from being obscured by other UI elements.
---
 client/src/components/Chat/Input/Files/ImagePreview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Chat/Input/Files/ImagePreview.tsx b/client/src/components/Chat/Input/Files/ImagePreview.tsx
index c675c9326c..2714c3677f 100644
--- a/client/src/components/Chat/Input/Files/ImagePreview.tsx
+++ b/client/src/components/Chat/Input/Files/ImagePreview.tsx
@@ -158,11 +158,11 @@ const ImagePreview = ({
       <DialogPrimitive.Root open={isModalOpen} onOpenChange={handleOpenChange}>
         <DialogPrimitive.Portal>
           <DialogPrimitive.Overlay
-            className="fixed inset-0 z-[100] bg-black/90"
+            className="fixed inset-0 z-[250] bg-black/90"
             onClick={handleBackgroundClick}
           />
           <DialogPrimitive.Content
-            className="fixed inset-0 z-[100] flex items-center justify-center outline-none"
+            className="fixed inset-0 z-[250] flex items-center justify-center outline-none"
             onOpenAutoFocus={(e) => {
               e.preventDefault();
               closeButtonRef.current?.focus();