From 60e076fca1b0e9fe676d0e68a582a502f786b776 Mon Sep 17 00:00:00 2001
From: Oktay Comu <self@oktaycomu.com>
Date: Fri, 29 May 2026 07:39:23 +0000
Subject: [PATCH] Fix for File Selector not being able to select .ged files on
 mobile devices (#293)

---
 src/menu/upload_menu.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/menu/upload_menu.tsx b/src/menu/upload_menu.tsx
index be25c79..41e552e 100644
--- a/src/menu/upload_menu.tsx
+++ b/src/menu/upload_menu.tsx
@@ -13,6 +13,14 @@ interface Props {
   menuType: MenuType;
 }
 
+/**
+ * On touch devices (iOS, Android) the browser's file picker ignores unknown
+ * extensions like .ged and may restrict selection to photos when image types
+ * are listed. Omitting the `accept` attribute lets the OS file browser show
+ * all files without filtering.
+ */
+const isMobileDevice = /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
+
 /** Displays and handles the "Open file" menu. */
 export function UploadMenu(props: Props) {
   const navigate = useNavigate();
@@ -84,7 +92,11 @@ export function UploadMenu(props: Props) {
       <input
         className="hidden"
         type="file"
-        accept=".ged,.gdz,.gedzip,.zip,.webp,image/*"
+        accept={
+          isMobileDevice
+            ? undefined
+            : '.ged,.gdz,.gedzip,.zip,.jpg,.jpeg,.png,.gif,.webp'
+        }
         id="fileInput"
         multiple
         onChange={handleUpload}