From 109055ba00c9e2f14c3e49630e91897d28d1506f Mon Sep 17 00:00:00 2001 From: Abdullah Date: Thu, 8 Jan 2026 18:38:06 +0200 Subject: [PATCH 1/2] Fix enter button not working while focusing on input fields in the new document window --- frontend/src/components/floating-menus/Dialog.svelte | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/src/components/floating-menus/Dialog.svelte b/frontend/src/components/floating-menus/Dialog.svelte index ce06b22626..d42db5b051 100644 --- a/frontend/src/components/floating-menus/Dialog.svelte +++ b/frontend/src/components/floating-menus/Dialog.svelte @@ -22,6 +22,14 @@ // Focus the button which is marked as emphasized, or otherwise the first button, in the popup const emphasizedOrFirstButton = (self?.div?.()?.querySelector("[data-emphasized]") || self?.div?.()?.querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined; emphasizedOrFirstButton?.focus(); + + // Add an event to handle enter press on all focusable fields(inputs) inside the popup + const pop = (self?.div?.()?.querySelector(".layout-col.floating-menu-content") || self?.div?.()?.querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined; + pop?.addEventListener("keydown", function (event) { + if (event.key == "Enter") { + emphasizedOrFirstButton?.click(); + } + }) }); From a6b178ec6422279c8f686ff11e60891bd9960c32 Mon Sep 17 00:00:00 2001 From: Abdullah Date: Fri, 9 Jan 2026 10:12:36 +0200 Subject: [PATCH 2/2] select the pop element using it's data attribute --- frontend/src/components/floating-menus/Dialog.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/floating-menus/Dialog.svelte b/frontend/src/components/floating-menus/Dialog.svelte index d42db5b051..77cc1e6800 100644 --- a/frontend/src/components/floating-menus/Dialog.svelte +++ b/frontend/src/components/floating-menus/Dialog.svelte @@ -24,7 +24,7 @@ emphasizedOrFirstButton?.focus(); // Add an event to handle enter press on all focusable fields(inputs) inside the popup - const pop = (self?.div?.()?.querySelector(".layout-col.floating-menu-content") || self?.div?.()?.querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined; + const pop = (self?.div?.()?.querySelector("[data-floating-menu-content]") || self?.div?.()?.querySelector("[data-floating-menu-content]") || undefined) as HTMLButtonElement | undefined; pop?.addEventListener("keydown", function (event) { if (event.key == "Enter") { emphasizedOrFirstButton?.click();