fix: prevent sidebar drag lock during inline rename (#680) (#681)

2026-03-17 02:46:26 +02:00
parent de50283bdf
commit 3041f53e24
4 changed files with 16 additions and 3 deletions
@@ -174,6 +174,8 @@ const SessionFolderItemBase = <TSessionNode,>({
            <form
              className="flex min-w-0 flex-1 items-center gap-1"
              data-keyboard-avoid="true"
+              onPointerDown={(event) => event.stopPropagation()}
+              onMouseDown={(event) => event.stopPropagation()}
              onSubmit={(event) => {
                event.preventDefault();
                handleSaveRename();
@@ -187,6 +189,8 @@ const SessionFolderItemBase = <TSessionNode,>({
                autoFocus
                placeholder="Folder name"
                onClick={(event) => event.stopPropagation()}
+                onPointerDown={(event) => event.stopPropagation()}
+                onMouseDown={(event) => event.stopPropagation()}
                onKeyDown={(event) => {
                  if (event.key === 'Escape') {
                    event.stopPropagation();
@@ -202,6 +206,8 @@ const SessionFolderItemBase = <TSessionNode,>({
                type="submit"
                className="shrink-0 text-muted-foreground hover:text-foreground"
                onClick={(event) => event.stopPropagation()}
+                onPointerDown={(event) => event.stopPropagation()}
+                onMouseDown={(event) => event.stopPropagation()}
              >
                <RiCheckLine className="size-4" />
              </button>
@@ -211,6 +217,8 @@ const SessionFolderItemBase = <TSessionNode,>({
                  event.stopPropagation();
                  handleCancelRename();
                }}
+                onPointerDown={(event) => event.stopPropagation()}
+                onMouseDown={(event) => event.stopPropagation()}
                className="shrink-0 text-muted-foreground hover:text-foreground"
              >
                <RiCloseLine className="size-4" />