Skip to content

Commit 7c998f0

Browse files
feat: FloatingUI options prop for BlockPositioner (#1801)
* Added FloatingUI options prop to `BlockPositioner` * Updated naming
1 parent 5ce6a33 commit 7c998f0

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

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

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
import { useUIElementPositioning } from "@blocknote/react";
2-
import { OpenChangeReason, autoUpdate, offset, size } from "@floating-ui/react";
2+
import {
3+
OpenChangeReason,
4+
UseDismissProps,
5+
UseFloatingOptions,
6+
autoUpdate,
7+
offset,
8+
size,
9+
} from "@floating-ui/react";
310
import { useMemo } from "react";
411
// The block positioner automattically positions it's children below the block with `blockID`
512
export const BlockPositioner = (props: {
@@ -11,6 +18,9 @@ export const BlockPositioner = (props: {
1118
reason: OpenChangeReason,
1219
) => void;
1320
canDismissViaOutsidePress?: boolean;
21+
floatingOptions?: Partial<
22+
UseFloatingOptions & { canDismiss: boolean | UseDismissProps }
23+
>;
1424
}) => {
1525
const element = props.blockID
1626
? document.querySelector(`[data-id="${props.blockID}"]`)
@@ -55,6 +65,7 @@ export const BlockPositioner = (props: {
5565
});
5666
return cleanup;
5767
},
68+
...props.floatingOptions,
5869
});
5970

6071
if (!isMounted) {

0 commit comments

Comments
 (0)