From 779596b9ae2df7d70dac9cdd17c85647d85e16b2 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Thu, 18 Aug 2022 12:30:30 +0530
Subject: [PATCH] fix: hidden file input being clickable (#1414)

---
 .../Components/AttachedFilesPopover/AttachedFilesPopover.tsx    | 2 +-
 .../javascripts/Components/ContentListView/ContentListView.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/AttachedFilesPopover/AttachedFilesPopover.tsx b/packages/web/src/javascripts/Components/AttachedFilesPopover/AttachedFilesPopover.tsx
index 5b268c576..86e4216e5 100644
--- a/packages/web/src/javascripts/Components/AttachedFilesPopover/AttachedFilesPopover.tsx
+++ b/packages/web/src/javascripts/Components/AttachedFilesPopover/AttachedFilesPopover.tsx
@@ -175,7 +175,7 @@ const AttachedFilesPopover: FunctionComponent<Props> = ({
       </div>
       <input
         type="file"
-        className="absolute top-0 left-0 opacity-0"
+        className="absolute top-0 left-0 -z-50 h-px w-px opacity-0"
         multiple
         ref={fileInputRef}
         onChange={async (event) => {
diff --git a/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx b/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
index c1677d755..55a50a0b5 100644
--- a/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
@@ -196,7 +196,7 @@ const ContentListView: FunctionComponent<Props> = ({
           <div id="items-title-bar-container">
             <input
               type="file"
-              className="absolute top-0 left-0 opacity-0"
+              className="absolute top-0 left-0 -z-50 h-px w-px opacity-0"
               multiple
               ref={fileInputRef}
               onChange={(event) => {