From a585a7d66b543df5361b3f748ed2dc4c5c9a4d1f Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 5 Apr 2023 21:07:27 -0400
Subject: [PATCH] fix: Arrow navigation of mentions menu inside a table causes
 caret to move

---
 app/editor/components/SuggestionsMenu.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/editor/components/SuggestionsMenu.tsx b/app/editor/components/SuggestionsMenu.tsx
index 3f9c10634..6885b0d8d 100644
--- a/app/editor/components/SuggestionsMenu.tsx
+++ b/app/editor/components/SuggestionsMenu.tsx
@@ -486,11 +486,15 @@ function SuggestionsMenu<T extends MenuItem>(props: Props<T>) {
     };
 
     window.addEventListener("mousedown", handleMouseDown);
-    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keydown", handleKeyDown, {
+      capture: true,
+    });
 
     return () => {
       window.removeEventListener("mousedown", handleMouseDown);
-      window.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("keydown", handleKeyDown, {
+        capture: true,
+      });
     };
   }, [close, filtered, handleClickItem, props, selectedIndex]);