Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-02-11 12:04:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🔧 fix: Update z-index for ImagePreview modal components (#11714)

Browse source 
- 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.
This commit is contained in:
Danny Avila 2026-02-10 15:08:17 -05:00 • committed by GitHub
parent 8da3c38780
commit 4ddaab68a1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/src/components/Chat/Input/Files/ImagePreview.tsx
View file

@ -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();