Merge pull request #4073 from EvanSmith93/fix/floating-link-unfocused

fix: focus the editor before opening the floating link toolbar
udecode · Feb 11, 2025 · f18a21d · f18a21d
2 parents 0e2b765 + ae51aaa
commit f18a21d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/tidy-jars-poke.md b/.changeset/tidy-jars-poke.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-link': patch
+---
+
+Editor auto focuses when opening the insert link modal
diff --git a/packages/link/src/react/components/useLinkToolbarButton.ts b/packages/link/src/react/components/useLinkToolbarButton.ts
@@ -26,6 +26,7 @@ export const useLinkToolbarButton = (
     props: {
       pressed: state.pressed,
       onClick: () => {
+        editor.tf.focus();
         triggerFloatingLink(editor, { focused: true });
       },
       onMouseDown: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {