Remove setTimeout delay and blur button on open to prevent focus restoration

Co-authored-by: imnasnainaec <6411521+imnasnainaec@users.noreply.github.com>

Author: Copilot

src/components/Buttons/NoteButton.tsx

@@ -19,6 +19,14 @@ interface NoteButtonProps {
 export default function NoteButton(props: NoteButtonProps): ReactElement {
   const [noteOpen, setNoteOpen] = useState<boolean>(false);
 
+  const handleOpen = (): void => {
+    setNoteOpen(true);
+    // Blur the button to prevent it from receiving focus when dialog closes
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+  };
+
   return (
     <>
       <IconButtonWithTooltip
@@ -36,7 +44,7 @@ export default function NoteButton(props: NoteButtonProps): ReactElement {
             />
           )
         }
-        onClick={props.updateNote ? () => setNoteOpen(true) : undefined}
+        onClick={props.updateNote ? handleOpen : undefined}
         side="top"
         size="small"
         text={props.noteText || undefined}

src/components/DataEntry/DataEntryTable/NewEntry/index.tsx

@@ -36,9 +36,6 @@ export enum FocusTarget {
   Vernacular,
 }
 
-/** Delay in ms to ensure focus change happens after browser focus management completes */
-const FOCUS_DELAY_MS = 10;
-
 interface NewEntryProps {
   analysisLang: WritingSystem;
   vernacularLang: WritingSystem;
@@ -280,9 +277,7 @@ export default function NewEntry(props: NewEntryProps): ReactElement {
           <NoteButton
             buttonId={NewEntryId.ButtonNote}
             noteText={submitting ? "" : newNote}
-            onExited={() =>
-              setTimeout(() => focus(FocusTarget.Gloss), FOCUS_DELAY_MS)
-            }
+            onExited={() => focus(FocusTarget.Gloss)}
             updateNote={setNewNote}
           />
         )}