diff --git a/web/app.js b/web/app.js
index 3997cb87e..6f3f884a7 100644
--- a/web/app.js
+++ b/web/app.js
@@ -602,8 +602,12 @@ const PDFViewerApplication = {
     }
 
     if (typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")) {
-      const fileInput = appConfig.openFileInput;
+      const fileInput = (this._openFileInput = document.createElement("input"));
+      fileInput.id = "fileInput";
+      fileInput.hidden = true;
+      fileInput.type = "file";
       fileInput.value = null;
+      document.body.append(fileInput);
 
       fileInput.addEventListener("change", function (evt) {
         const { files } = evt.target;
@@ -2383,8 +2387,7 @@ if (typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")) {
 
   // eslint-disable-next-line no-var
   var webViewerOpenFile = function (evt) {
-    const fileInput = PDFViewerApplication.appConfig.openFileInput;
-    fileInput.click();
+    PDFViewerApplication._openFileInput?.click();
   };
 }
 
diff --git a/web/viewer-geckoview.html b/web/viewer-geckoview.html
index af03111b4..7076a436b 100644
--- a/web/viewer-geckoview.html
+++ b/web/viewer-geckoview.html
@@ -123,10 +123,5 @@ See https://github.com/adobe-type-tools/cmap-resources
 
     </div> <!-- outerContainer -->
     <div id="printContainer"></div>
-
-<!--#if !MOZCENTRAL-->
-    <input type="file" id="fileInput" class="hidden">
-<!--#endif-->
-
   </body>
 </html>
diff --git a/web/viewer-geckoview.js b/web/viewer-geckoview.js
index dfe2f89f6..39edaf9fb 100644
--- a/web/viewer-geckoview.js
+++ b/web/viewer-geckoview.js
@@ -57,10 +57,6 @@ function getViewerConfiguration() {
       cancelButton: document.getElementById("passwordCancel"),
     },
     printContainer: document.getElementById("printContainer"),
-    openFileInput:
-      typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")
-        ? document.getElementById("fileInput")
-        : null,
   };
 }
 
diff --git a/web/viewer.html b/web/viewer.html
index d0fa501a6..ffe19ed97 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -565,9 +565,5 @@ See https://github.com/adobe-type-tools/cmap-resources
 
     </div> <!-- outerContainer -->
     <div id="printContainer"></div>
-
-<!--#if GENERIC-->
-    <input type="file" id="fileInput" class="hidden">
-<!--#endif-->
   </body>
 </html>
diff --git a/web/viewer.js b/web/viewer.js
index d2519b5b0..aa2bb5275 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -177,10 +177,6 @@ function getViewerConfiguration() {
       ),
     },
     printContainer: document.getElementById("printContainer"),
-    openFileInput:
-      typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")
-        ? document.getElementById("fileInput")
-        : null,
     debuggerScriptPath: "./debugger.mjs",
   };
 }