fix: fix tooltip being covered by other elements (alibaba#1717)

theFG1998 · web-flow · commit 95a1137b466b · 2023-03-15T15:14:24.000+08:00
* docs: fix incorrect content for emit method in event api

* fix: Fix tooltip being covered by other elements
diff --git 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')!,
     );
   }
 }
