fix(ai): selections broken due to floating-ui focus manager (#2527)

Author: YousefED

packages/react/package.json

@@ -60,8 +60,8 @@
   "dependencies": {
     "@blocknote/core": "0.47.0",
     "@emoji-mart/data": "^1.2.1",
-    "@floating-ui/react": "^0.27.16",
-    "@floating-ui/utils": "0.2.10",
+    "@floating-ui/react": "^0.27.18",
+    "@floating-ui/utils": "^0.2.10",
     "@tanstack/react-store": "0.7.7",
     "@tiptap/core": "^3.13.0",
     "@tiptap/pm": "^3.13.0",

packages/xl-ai/package.json

@@ -74,7 +74,7 @@
     "@blocknote/core": "0.47.0",
     "@blocknote/mantine": "0.47.0",
     "@blocknote/react": "0.47.0",
-    "@floating-ui/react": "^0.26.28",
+    "@floating-ui/react": "^0.27.18",
     "@handlewithcare/prosemirror-suggest-changes": "^0.1.8",
     "@tiptap/core": "^3.13.0",
     "ai": "^6.0.5",

packages/xl-ai/src/components/AIMenu/AIMenuController.tsx

@@ -95,10 +95,18 @@ export const AIMenuController = (props: {
         // see https://floating-ui.com/docs/floatingfocusmanager#page-scrolls-to-top-when-opening-the-floating-element
         focusManagerProps: {
           disabled: false,
+          // needed for https://github.com/floating-ui/floating-ui/pull/3202
+          // (related: https://github.com/mui/base-ui/issues/3950)
+          getInsideElements: () => {
+            if (!editor.domElement) {
+              return [];
+            }
+            return [editor.domElement];
+          },
           ...props.floatingUIOptions?.focusManagerProps,
         },
       }) satisfies FloatingUIOptions,
-    [ai, aiMenuState, blockId, props.floatingUIOptions],
+    [ai, aiMenuState, blockId, props.floatingUIOptions, editor.domElement],
   );
 
   const Component = props.aiMenu || AIMenu;