diff --git a/packages/editor-core/src/widgets/tip/tip-container.tsx b/packages/editor-core/src/widgets/tip/tip-container.tsx
index 81750bd6a..ae494d540 100644
--- a/packages/editor-core/src/widgets/tip/tip-container.tsx
+++ b/packages/editor-core/src/widgets/tip/tip-container.tsx
@@ -3,12 +3,10 @@ import { TipItem } from './tip-item';
 import { tipHandler } from './tip-handler';
 
 export class TipContainer extends Component {
+  private dispose?: () => void;
   shouldComponentUpdate() {
     return false;
   }
-
-  private dispose?: () => void;
-
   componentDidMount() {
     const over = (e: MouseEvent) => tipHandler.setTarget(e.target as any);
     const down = () => tipHandler.hideImmediately();
@@ -27,10 +25,11 @@ export class TipContainer extends Component {
   }
 
   render() {
-    return (
+    return window.ReactDOM.createPortal(
       <div className="lc-tips-container">
         <TipItem />
-      </div>
+      </div>,
+      document.querySelector('body')!,
     );
   }
 }