Merge pull request #3288 from zhyd1997/fix/floating-toolbar-in-dialog…

…-1718432542507 fix(templates): added `portalElement` in `floating-toolbar` component.
udecode · Jun 17, 2024 · cb07619 · cb07619
1 parent a7a192e
commit cb07619
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/plate-ui/floating-toolbar.tsx b/src/components/plate-ui/floating-toolbar.tsx
@@ -16,9 +16,10 @@ import { Toolbar } from './toolbar';
 export const FloatingToolbar = withRef<
   typeof Toolbar,
   {
+    portalElement?: Element
     state?: FloatingToolbarState;
   }
->(({ state, children, ...props }, componentRef) => {
+>(({ state, portalElement, children, ...props }, componentRef) => {
   const floatingToolbarState = useFloatingToolbarState({
     ...state,
     floatingOptions: {
@@ -50,7 +51,7 @@ export const FloatingToolbar = withRef<
   if (hidden) return null;
 
   return (
-    <PortalBody>
+    <PortalBody element={portalElement}>
       <Toolbar
         ref={ref}
         className={cn(