From be309a676c7c740e8a501c00c03c19a8a5ca3234 Mon Sep 17 00:00:00 2001
From: meowhib <mouhibenns@gmail.com>
Date: Sun, 1 Nov 2026 17:12:31 +0100
Subject: [PATCH] Place note edit cursor at end

---
 entrypoints/sidepanel/App.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/entrypoints/sidepanel/App.tsx b/entrypoints/sidepanel/App.tsx
index 4f58e31..0cf8542 100644
--- a/entrypoints/sidepanel/App.tsx
+++ b/entrypoints/sidepanel/App.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import {
   ArrowLeft,
   Check,
@@ -683,6 +683,14 @@ function AnnotationCard({
   onSaveEdit,
 }: AnnotationCardProps) {
   const timeAgo = getRelativeTime(annotation.createdAt);
+  const editTextareaRef = useRef<HTMLTextAreaElement>(null);
+
+  useLayoutEffect(() => {
+    const textarea = editTextareaRef.current;
+    if (!isEditing || !textarea) return;
+    textarea.focus();
+    textarea.setSelectionRange(textarea.value.length, textarea.value.length);
+  }, [isEditing]);
 
   return (
     <article className="group px-4 py-3.5 transition-colors hover:bg-surface-hover">
@@ -725,6 +733,7 @@ function AnnotationCard({
         <div className="mt-2.5">
           <label className="sr-only" htmlFor={`edit-note-${annotation.id}`}>Edit note</label>
           <textarea
+            ref={editTextareaRef}
             id={`edit-note-${annotation.id}`}
             aria-keyshortcuts="Meta+Enter Control+Enter Escape"
             value={editText}