Method onWindowResize

core/src/components/modal/modal.tsx:292–321

()

  @Listen('resize', { target: 'window' })
  onWindowResize() {
    if (!this.presented) return;

    clearTimeout(this.resizeTimeout);
    this.resizeTimeout = setTimeout(() => {
      const context = this.getSafeAreaContext();

      // iOS card modals: handle portrait/landscape view transitions
      if (context.isCardModal && !this.enterAnimation && !this.leaveAnimation) {
        this.handleViewTransition();
      }

      // Sheet modals: re-compute the internal offset property since safe-area
      // values may change on device rotation (e.g., portrait notch vs landscape).
      if (context.isSheetModal) {
        this.updateSheetOffsetTop();
      }

      // Regular (non-sheet, non-card) modals: update safe-area overrides
      // since the viewport may have crossed the centered-dialog breakpoint.
      if (!context.isSheetModal && !context.isCardModal) {
        this.updateSafeAreaOverrides();

        // Re-evaluate fullscreen safe-area padding: clear first, then re-apply.
        const { contentEl, hasFooter } = this.findContentAndFooter();
        this.clearContentSafeAreaPadding(contentEl);
        this.applyFullscreenSafeAreaTo(contentEl, hasFooter);
      }
    }, 50); // Debounce to avoid excessive calls during active resizing
  }

  /**
   * If `true`, the component passed into `ion-modal` will