From cf851e97c4fff6d797460d7b241b3da5d2ea40ff Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Thu, 9 Apr 2026 10:41:05 +0200
Subject: [PATCH] Fix: prevent keyboard events from closing edit panel

---
 src/components/EditPanel.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/EditPanel.tsx b/src/components/EditPanel.tsx
index 13c3481..2eef0cf 100644
--- a/src/components/EditPanel.tsx
+++ b/src/components/EditPanel.tsx
@@ -179,6 +179,10 @@ export function EditPanel({ row, rowIndex, onSave, onClose, onCaptureState }: Ed
     </div>
   );
 
+  const handleInputKeyDown = (e: React.KeyboardEvent) => {
+    e.stopPropagation();
+  };
+
   const FieldEditor = ({ title, field }: { title: string, field: keyof typeof formData }) => (
     <div className="flex flex-col gap-2">
       <div className="flex items-center justify-between">
@@ -213,6 +217,7 @@ export function EditPanel({ row, rowIndex, onSave, onClose, onCaptureState }: Ed
         id={`field-${String(field)}`}
         value={formData[field]}
         onChange={e => setFormData(prev => ({ ...prev, [field]: e.target.value }))}
+        onKeyDown={handleInputKeyDown}
         className={cn(
           "w-full h-32 bg-slate-900 border rounded-md p-3 text-sm text-white focus:outline-none focus:ring-1 transition-colors resize-none",
           isModified(field) ? "border-blue-500 focus:ring-blue-500" : "border-slate-700 focus:border-slate-500 focus:ring-slate-500"