Fix / menu in fields.markdoc/fields.mdx (#1300)

Thinkmill · Sep 9, 2024 · 4fc1e6b · 4fc1e6b
1 parent 343cda6
commit 4fc1e6b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tasty-maps-wave.md b/.changeset/tasty-maps-wave.md
@@ -0,0 +1,5 @@
+---
+'@keystatic/core': patch
+---
+
+Fix `/` menu in `fields.markdoc`/`fields.mdx`
diff --git a/packages/keystatic/src/form/fields/markdoc/editor/autocomplete/EditorListbox.tsx b/packages/keystatic/src/form/fields/markdoc/editor/autocomplete/EditorListbox.tsx
@@ -44,6 +44,7 @@ export function useEditorListbox<T extends object>(
   let { listenerRef, onEscape, scrollRef, ...otherProps } = props;
   let state = useListState(props);
   let layout = useListBoxLayout();
+  let listboxRef = useRef<HTMLDivElement>(null);
   let delegate = useMemo(
     () =>
       new ListKeyboardDelegate({
@@ -55,7 +56,6 @@ export function useEditorListbox<T extends object>(
   );
 
   // keyboard and selection management
-  let listboxRef = useRef<HTMLDivElement>(null);
   let { collectionProps } = useSelectableCollection({
     keyboardDelegate: delegate,
     ref: listenerRef,