From 3b4a6e07a5114f1c7b04f2ad6b3cda737e33a0d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Robles?= <felix@sequentech.io>
Date: Wed, 2 Sep 2026 17:32:36 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9E=20Admin=20Portal:=20Ceremony?=
 =?UTF-8?q?=20key=20drop=20opens=20the=20file=20when=20the=20language=20me?=
 =?UTF-8?q?nu=20is=20active?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CustomDropFile/CustomDropFile.tsx         | 24 ++++++++++++++++++-
 .../components/LanguageMenu/LanguageMenu.tsx  | 18 ++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/packages/ui-essentials/src/components/CustomDropFile/CustomDropFile.tsx b/packages/ui-essentials/src/components/CustomDropFile/CustomDropFile.tsx
index 0af18bf5e44..a773ccb3cd0 100644
--- a/packages/ui-essentials/src/components/CustomDropFile/CustomDropFile.tsx
+++ b/packages/ui-essentials/src/components/CustomDropFile/CustomDropFile.tsx
@@ -1,7 +1,13 @@
 // SPDX-FileCopyrightText: 2025 Sequent Tech Inc <legal@sequentech.io>
 //
 // SPDX-License-Identifier: AGPL-3.0-only
-import React, {PropsWithChildren, useState, DragEventHandler, ChangeEventHandler} from "react"
+import React, {
+    PropsWithChildren,
+    useEffect,
+    useState,
+    DragEventHandler,
+    ChangeEventHandler,
+} from "react"
 import {styled} from "@mui/material/styles"
 import Box from "@mui/material/Box"
 import {useForwardedRef} from "@sequentech/ui-core"
@@ -62,6 +68,22 @@ export const CustomDropFile = React.forwardRef<HTMLInputElement, PropsWithChildr
         const [dragActive, setDragActive] = useState(false)
         const [fileName, setFileName] = useState<string>("")
 
+        useEffect(() => {
+            const preventFileNavigation = (event: DragEvent) => {
+                if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
+                    event.preventDefault()
+                }
+            }
+
+            document.addEventListener("dragover", preventFileNavigation)
+            document.addEventListener("drop", preventFileNavigation)
+
+            return () => {
+                document.removeEventListener("dragover", preventFileNavigation)
+                document.removeEventListener("drop", preventFileNavigation)
+            }
+        }, [])
+
         // handle drag events
         const handleDrag: DragEventHandler<HTMLElement> = (e) => {
             e.preventDefault()
diff --git a/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx b/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
index 891bd794570..8bcbe78488f 100644
--- a/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
+++ b/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
@@ -41,6 +41,24 @@ const LanguageMenu: React.FC<{
         setAnchorEl(null)
     }
 
+    React.useEffect(() => {
+        if (!open) {
+            return
+        }
+
+        const closeOnFileDrag = (event: DragEvent) => {
+            if (Array.from(event.dataTransfer?.types ?? []).includes("Files")) {
+                setAnchorEl(null)
+            }
+        }
+
+        document.addEventListener("dragenter", closeOnFileDrag, true)
+
+        return () => {
+            document.removeEventListener("dragenter", closeOnFileDrag, true)
+        }
+    }, [open])
+
     const changeLanguage = async (lang: string) => {
         handleClose()
         await i18n.changeLanguage(lang)

From ed5f42d217f1a0a25dce3f9dbb6c52efb3a93ec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A9lix=20Robles?= <felix@sequentech.io>
Date: Wed, 2 Sep 2026 18:45:40 +0000
Subject: [PATCH 2/2] fix(ui): remove language menu drop transition

---
 .../ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx b/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
index 8bcbe78488f..0c8b5b2220e 100644
--- a/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
+++ b/packages/ui-essentials/src/components/LanguageMenu/LanguageMenu.tsx
@@ -91,6 +91,7 @@ const LanguageMenu: React.FC<{
                 anchorEl={anchorEl}
                 open={open}
                 onClose={handleClose}
+                transitionDuration={0}
                 MenuListProps={{
                     "aria-labelledby": "lang-button",
                 }}