fix: Suggestion menu positioning (#1975)

* Fixed suggestion menu positioning

* Small fix

* Small fix

* Reverted pnpm lock

* Updated pnpm lock

Author: matthewlipski

packages/react/package.json

@@ -60,7 +60,7 @@
   "dependencies": {
     "@blocknote/core": "0.37.0",
     "@emoji-mart/data": "^1.2.1",
-    "@floating-ui/react": "^0.26.4",
+    "@floating-ui/react": "^0.27.16",
     "@tiptap/core": "^2.26.1",
     "@tiptap/pm": "^2.26.1",
     "@tiptap/react": "^2.26.1",

packages/react/src/components/SuggestionMenu/SuggestionMenuController.tsx

@@ -123,6 +123,7 @@ export function SuggestionMenuController<
           apply({ availableHeight, elements }) {
             Object.assign(elements.floating.style, {
               maxHeight: `${availableHeight - 10}px`,
+              minHeight: "300px",
             });
           },
         }),

packages/react/src/hooks/useUIElementPositioning.ts

@@ -51,10 +51,6 @@ export function useUIElementPositioning(
 
   const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);
 
-  useEffect(() => {
-    update();
-  }, [referencePos, update]);
-
   useEffect(() => {
     // Will be null on initial render when used in UI component controllers.
     if (referencePos === null) {
@@ -70,7 +66,9 @@ export function useUIElementPositioning(
         getBoundingClientRect: () => referencePos,
       });
     }
-  }, [referencePos, refs]);
+
+    update();
+  }, [referencePos, refs, update]);
 
   return useMemo(() => {
     return {