From 19ca9c31589c8d84e6067d2305eb6a79528f5875 Mon Sep 17 00:00:00 2001
From: ZProger <zproger@users.noreply.github.com>
Date: Thu, 10 Sep 2026 19:29:39 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D1=81=D0=BA=D1=80=D1=8B=D0=B2=D0=B0?=
 =?UTF-8?q?=D1=82=D1=8C=20file=20input=20=D0=B1=D1=8D=D0=BA=D0=B0=D0=BF?=
 =?UTF-8?q?=D0=B0=20=D0=B1=D0=B5=D0=B7=20display:none?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

На Firefox (Linux) программный .click() по input[type=file] со стилем
display:none может не открывать нативный диалог выбора файла. Теперь
инпут скрыт визуально (opacity + нулевой размер), но остаётся в layout.
---
 frontend/src/components/settings/BackupCard.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/settings/BackupCard.tsx b/frontend/src/components/settings/BackupCard.tsx
index 05b8fa3..d0fc2da 100644
--- a/frontend/src/components/settings/BackupCard.tsx
+++ b/frontend/src/components/settings/BackupCard.tsx
@@ -80,12 +80,16 @@ export function BackupCard() {
             <Upload size={16} />
             {isImporting ? t("backup.importing") : t("backup.importButton")}
           </Button>
+          {/* Visually hidden via opacity/size, not `display:none` — Firefox on
+              Linux can silently fail to open the native file dialog when
+              .click() targets a file input removed from layout entirely. */}
           <input
             ref={fileInputRef}
             type="file"
             accept="application/json,.json"
             onChange={handleFileSelected}
-            className="hidden"
+            className="absolute h-px w-px overflow-hidden opacity-0"
+            tabIndex={-1}
           />
         </div>