From 205e155f05a8ab8656deeb2d08cc5d00f464e8e4 Mon Sep 17 00:00:00 2001
From: Ronald Langeveld <hi@ronaldlangeveld.com>
Date: Mon, 16 Dec 2024 16:57:02 +0700
Subject: [PATCH] Fixed FileUpload and tests

ref ENG-1809

- Changing the z-index of the overlay ensure the button can be hovered
  with the cursor as expected which was broken by https://github.com/TryGhost/Ghost/pull/21687
- need to ensure that this doesn't undo the initial "fix" which affects
  windows users
---
 apps/admin-x-design-system/src/global/form/FileUpload.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/admin-x-design-system/src/global/form/FileUpload.tsx b/apps/admin-x-design-system/src/global/form/FileUpload.tsx
index 02218ab843..e7c7ee2823 100644
--- a/apps/admin-x-design-system/src/global/form/FileUpload.tsx
+++ b/apps/admin-x-design-system/src/global/form/FileUpload.tsx
@@ -51,7 +51,7 @@ const FileUpload: React.FC<FileUploadProps> = ({id, onUpload, children, style, u
 
     return (
         <label className={clsx('relative', className)} htmlFor={id} style={style} onDragEnter={handleDragging} onDragLeave={handleStopDragging} onDragOver={handleDragging} onDrop={handleDrop} {...props}>
-            <div className={clsx({'absolute inset-1 rounded': true, 'border-2 border-dashed border-grey-400/25': isDragging}, isDragging && [dragIndicatorClassName])} />
+            <div className={clsx({'absolute inset-1 rounded -z-50': true, 'border-2 border-dashed border-grey-400/25': isDragging}, isDragging && [dragIndicatorClassName])} />
             <input key={fileKey} ref={inputRef || null} id={id} type="file" hidden onChange={handleFileChange} />
             {(typeof children === 'string') ?
                 <div className={!unstyled ? `inline-flex h-[34px] cursor-pointer items-center justify-center rounded px-4 text-sm font-semibold hover:bg-grey-100 dark:text-white dark:hover:bg-grey-900` : ''}>