chore(): reuse teleport reference from core delegate

packages/react/src/components/createInlineOverlayComponent.tsx

@@ -1,4 +1,4 @@
-import { FrameworkDelegate, OverlayEventDetail } from '@ionic/core/components';
+import { OverlayEventDetail } from '@ionic/core/components';
 import React, { createElement } from 'react';
 import { createPortal } from 'react-dom';
 
@@ -23,7 +23,6 @@ interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<Elem
   onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
   onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
   keepContentsMounted?: boolean;
-  delegate?: FrameworkDelegate;
 }
 
 export const createInlineOverlayComponent = <PropType, ElementType>(
@@ -41,10 +40,6 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
     ref: React.RefObject<HTMLElement>;
     wrapperRef: React.RefObject<HTMLElement>;
     stableMergedRefs: React.RefCallback<HTMLElement>;
-    delegate: FrameworkDelegate = {
-      attachViewToDom: () => Promise.resolve(this.ref.current!),
-      removeViewFromDom: () => Promise.resolve(),
-    };
     // The document comment to track the original position of the element in the DOM.
     teleportReference?: Comment;
 
@@ -61,11 +56,6 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
     }
 
     componentDidMount() {
-      this.teleportReference = this.ref.current?.parentNode?.insertBefore(
-        document.createComment('ionic teleport'),
-        this.ref.current
-      );
-
       this.componentDidUpdate(this.props);
 
       /**
@@ -77,6 +67,8 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
        * destroyed and re-created.
        */
       this.ref.current?.addEventListener('willPresent', (evt: any) => {
+        this.teleportReference = this.ref.current?.previousSibling as Comment;
+
         this.setState({ isOpen: true });
 
         this.props.onWillPresent && this.props.onWillPresent(evt);
@@ -144,7 +136,6 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
 
       const newProps: IonicReactInternalProps<PropType> = {
         ...propsToPass,
-        delegate: this.delegate,
         ref: this.stableMergedRefs,
         style,
       };