From 62cfb76d99a33f22097fb02e720234e8e2e55246 Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Sun, 26 Apr 2026 15:03:17 -0400
Subject: [PATCH] fix(ui): replace form with div in link popover to prevent
 unintended submit behavior

- swap `<form>` wrapper for `<div>` to avoid native form submission
- add `onKeyDown` handler on input to trigger submit on Enter key
- change button type from `submit` to `button` with explicit `onClick` handler
---
 .../components/BlockEditor/inline/Toolbar.client.js      | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/shared/components/BlockEditor/inline/Toolbar.client.js b/src/shared/components/BlockEditor/inline/Toolbar.client.js
index 0d7aff5..1cef64d 100644
--- a/src/shared/components/BlockEditor/inline/Toolbar.client.js
+++ b/src/shared/components/BlockEditor/inline/Toolbar.client.js
@@ -175,8 +175,7 @@ export default function InlineToolbar({ rect, activeMarks, onToggleMark, onClear
         />
       )}
       {popover === 'link' && (
-        <form
-          onSubmit={handleLinkSubmit}
+        <div
           className="absolute top-full left-0 mt-1 flex flex-col gap-1.5 rounded-lg border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 shadow-md px-2 py-1.5"
         >
           <div className="flex items-center gap-1">
@@ -186,10 +185,12 @@ export default function InlineToolbar({ rect, activeMarks, onToggleMark, onClear
               placeholder="https://..."
               value={linkUrl}
               onChange={(e) => setLinkUrl(e.target.value)}
+              onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); handleLinkSubmit(e); } }}
               className="w-56 px-2 py-1 text-sm rounded border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white outline-none focus:border-blue-500"
             />
             <button
-              type="submit"
+              type="button"
+              onClick={handleLinkSubmit}
               className="px-2 py-1 text-xs rounded bg-blue-600 hover:bg-blue-700 text-white"
             >
               OK
@@ -214,7 +215,7 @@ export default function InlineToolbar({ rect, activeMarks, onToggleMark, onClear
             />
             Ouvrir dans un nouvel onglet
           </label>
-        </form>
+        </div>
       )}
     </div>
   );