From bedf49387b51ce1e5a1a4c0ac93fdf00177eedc1 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Thu, 18 Dec 2025 22:08:23 +0000
Subject: [PATCH] feat: open new checklist item form on enter

---
 apps/web/src/views/card/components/ChecklistItemRow.tsx | 3 +++
 apps/web/src/views/card/components/Checklists.tsx       | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/apps/web/src/views/card/components/ChecklistItemRow.tsx b/apps/web/src/views/card/components/ChecklistItemRow.tsx
index ea4d7648..c8afa9c2 100644
--- a/apps/web/src/views/card/components/ChecklistItemRow.tsx
+++ b/apps/web/src/views/card/components/ChecklistItemRow.tsx
@@ -17,6 +17,7 @@ interface ChecklistItemRowProps {
     completed: boolean;
   };
   cardPublicId: string;
+  onCreateNewItem?: () => void;
   viewOnly?: boolean;
   dragHandleProps?: DraggableProvided["dragHandleProps"];
   isDragging?: boolean;
@@ -25,6 +26,7 @@ interface ChecklistItemRowProps {
 export default function ChecklistItemRow({
   item,
   cardPublicId,
+  onCreateNewItem,
   viewOnly = false,
   dragHandleProps,
   isDragging = false,
@@ -202,6 +204,7 @@ export default function ChecklistItemRow({
               e.preventDefault();
               const innerHTML = (e.currentTarget as HTMLElement).innerHTML;
               commitTitle(innerHTML);
+              onCreateNewItem?.();
             }
             if (e.key === "Escape") {
               e.preventDefault();
diff --git a/apps/web/src/views/card/components/Checklists.tsx b/apps/web/src/views/card/components/Checklists.tsx
index 30e36d9d..71435f1a 100644
--- a/apps/web/src/views/card/components/Checklists.tsx
+++ b/apps/web/src/views/card/components/Checklists.tsx
@@ -210,6 +210,9 @@ export default function Checklists({
                                   completed: item.completed,
                                 }}
                                 cardPublicId={cardPublicId}
+                                onCreateNewItem={() =>
+                                  setActiveChecklistForm?.(checklist.publicId)
+                                }
                                 viewOnly={viewOnly}
                                 dragHandleProps={provided.dragHandleProps}
                                 isDragging={snapshot.isDragging}