fix(react): overlays now correctly unmount any child components after…

… dismissing (#23149) resolves #23140
ionic-team · Apr 6, 2021 · dee6eb3 · dee6eb3
1 parent 6df1215
commit dee6eb3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/react/src/components/createOverlayComponent.tsx b/packages/react/src/components/createOverlayComponent.tsx
@@ -94,6 +94,13 @@ export const createOverlayComponent = <
       if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
         await this.overlay.dismiss();
         isDismissing = false;
+
+        /**
+         * Now that the overlay is dismissed
+         * we need to render again so that any
+         * inner components will be unmounted
+         */
+        this.forceUpdate();
       }
     }