@ionic/core 7.5.5 → 7.5.6-dev.11700068172.15ce9b35

package/components/backdrop.js

@@ -2,7 +2,6 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { G as GESTURE_CONTROLLER } from './gesture-controller.js';
 import { b as getIonMode } from './ionic-global.js';
 
 const backdropIosCss = ":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";
@@ -15,21 +14,10 @@ const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLEle
     this.__registerHost();
     this.__attachShadow();
     this.ionBackdropTap = createEvent(this, "ionBackdropTap", 7);
-    this.blocker = GESTURE_CONTROLLER.createBlocker({
-      disableScroll: true,
-    });
     this.visible = true;
     this.tappable = true;
     this.stopPropagation = true;
   }
-  connectedCallback() {
-    if (this.stopPropagation) {
-      this.blocker.block();
-    }
-  }
-  disconnectedCallback() {
-    this.blocker.unblock();
-  }
   onMouseDown(ev) {
     this.emitTap(ev);
   }

package/components/gesture-controller.js

@@ -192,4 +192,4 @@ class BlockerDelegate {
 const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 const GESTURE_CONTROLLER = new GestureController();
 
-export { GESTURE_CONTROLLER as G };
+export { BACKDROP_NO_SCROLL as B, GESTURE_CONTROLLER as G };

package/components/ion-content.js

@@ -7,7 +7,7 @@ import { b as getIonMode, a as isPlatform } from './ionic-global.js';
 import { i as isRTL } from './dir.js';
 import { c as createColorClasses, h as hostContext } from './theme.js';
 
-const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
+const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
 
 const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLElement {
   constructor() {

package/components/overlays.js

@@ -4,6 +4,7 @@
 import { d as doc } from './index5.js';
 import { b as getIonMode, c as config } from './ionic-global.js';
 import { C as CoreDelegate } from './framework-delegate.js';
+import { B as BACKDROP_NO_SCROLL } from './gesture-controller.js';
 import { OVERLAY_BACK_BUTTON_PRIORITY } from './hardware-back-button.js';
 import { c as componentOnReady, f as focusElement, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers.js';
 import { p as printIonWarning } from './index6.js';
@@ -389,6 +390,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     return;
   }
   setRootAriaHidden(true);
+  document.body.classList.add(BACKDROP_NO_SCROLL);
   overlay.presented = true;
   overlay.willPresent.emit();
   (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -451,12 +453,14 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
   if (!overlay.presented) {
     return false;
   }
+  const lastOverlay = doc !== undefined && getPresentedOverlays(doc).length === 1;
   /**
    * If this is the last visible overlay then
    * we want to re-add the root to the accessibility tree.
    */
-  if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
+  if (lastOverlay) {
     setRootAriaHidden(false);
+    document.body.classList.remove(BACKDROP_NO_SCROLL);
   }
   overlay.presented = false;
   try {

package/dist/cjs/{button-active-af897e0e.js → button-active-cd07b55b.js}

@@ -5,7 +5,7 @@
 
 const index$1 = require('./index-c2940dc1.js');
 const haptic = require('./haptic-678abc9f.js');
-const index = require('./index-0ee995e4.js');
+const index = require('./index-0f8b33f8.js');
 
 const createButtonActiveGesture = (el, isButton) => {
   let currentTouchedButton;

package/dist/cjs/{gesture-controller-b46721be.js → gesture-controller-d6a3f907.js}

@@ -194,4 +194,5 @@ class BlockerDelegate {
 const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 const GESTURE_CONTROLLER = new GestureController();
 
+exports.BACKDROP_NO_SCROLL = BACKDROP_NO_SCROLL;
 exports.GESTURE_CONTROLLER = GESTURE_CONTROLLER;

package/dist/cjs/{index-0ee995e4.js → index-0f8b33f8.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const gestureController = require('./gesture-controller-b46721be.js');
+const gestureController = require('./gesture-controller-d6a3f907.js');
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {

package/dist/cjs/index.cjs.js

@@ -10,16 +10,16 @@ const index = require('./index-573877f3.js');
 const ios_transition = require('./ios.transition-ac909bc8.js');
 const md_transition = require('./md.transition-907af519.js');
 const cubicBezier = require('./cubic-bezier-6b9222ad.js');
-const index$1 = require('./index-0ee995e4.js');
+const index$1 = require('./index-0f8b33f8.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const config = require('./config-d5882735.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-d7561763.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 require('./index-306a7476.js');
 require('./index-c2940dc1.js');
-require('./gesture-controller-b46721be.js');
+require('./gesture-controller-d6a3f907.js');
 require('./index-cc7dfb7c.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./framework-delegate-c0873a6f.js');

package/dist/cjs/ion-action-sheet.cjs.entry.js

@@ -6,18 +6,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c2940dc1.js');
-const buttonActive = require('./button-active-af897e0e.js');
+const buttonActive = require('./button-active-cd07b55b.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const animation = require('./animation-1083855c.js');
 require('./haptic-678abc9f.js');
 require('./capacitor-2ffba62a.js');
 require('./index-306a7476.js');
-require('./index-0ee995e4.js');
-require('./gesture-controller-b46721be.js');
+require('./index-0f8b33f8.js');
+require('./gesture-controller-d6a3f907.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./index-cc7dfb7c.js');

package/dist/cjs/ion-alert.cjs.entry.js

@@ -7,18 +7,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c2940dc1.js');
 const config = require('./config-d5882735.js');
-const buttonActive = require('./button-active-af897e0e.js');
+const buttonActive = require('./button-active-cd07b55b.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const animation = require('./animation-1083855c.js');
 require('./haptic-678abc9f.js');
 require('./capacitor-2ffba62a.js');
 require('./index-306a7476.js');
-require('./index-0ee995e4.js');
-require('./gesture-controller-b46721be.js');
+require('./index-0f8b33f8.js');
+require('./gesture-controller-d6a3f907.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./index-cc7dfb7c.js');

package/dist/cjs/ion-app_8.cjs.entry.js

@@ -135,7 +135,7 @@ Buttons.style = {
   md: buttonsMdCss
 };
 
-const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
+const contentCss = ":host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:\"\"}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}";
 
 const Content = class {
   constructor(hostRef) {
@@ -1014,7 +1014,7 @@ const RouterOutlet = class {
         this.swipeHandler.onStart();
       }
     };
-    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-d0412fb6.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
+    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-a6dc6e5d.js'); })).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
       if (this.ani) {
         this.ani.onFinish(() => {
           this.gestureOrAnimationInProgress = false;

package/dist/cjs/ion-backdrop.cjs.entry.js

@@ -6,7 +6,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c2940dc1.js');
-const gestureController = require('./gesture-controller-b46721be.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 
 const backdropIosCss = ":host{left:0;right:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none;z-index:2}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:var(--ion-backdrop-color, #000)}";
@@ -17,21 +16,10 @@ const Backdrop = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ionBackdropTap = index.createEvent(this, "ionBackdropTap", 7);
-    this.blocker = gestureController.GESTURE_CONTROLLER.createBlocker({
-      disableScroll: true,
-    });
     this.visible = true;
     this.tappable = true;
     this.stopPropagation = true;
   }
-  connectedCallback() {
-    if (this.stopPropagation) {
-      this.blocker.block();
-    }
-  }
-  disconnectedCallback() {
-    this.blocker.unblock();
-  }
   onMouseDown(ev) {
     this.emitTap(ev);
   }

package/dist/cjs/ion-datetime_3.cjs.entry.js

@@ -15,11 +15,12 @@ const index$2 = require('./index-09471526.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const data = require('./data-c8d21093.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const animation = require('./animation-1083855c.js');
 const haptic = require('./haptic-678abc9f.js');
 require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./capacitor-2ffba62a.js');
 
@@ -2012,7 +2013,7 @@ const PickerColumnCmp = class {
     }
     this.rotateFactor = pickerRotateFactor;
     this.scaleFactor = pickerScaleFactor;
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: this.el,
       gestureName: 'picker-swipe',
       gesturePriority: 100,

package/dist/cjs/ion-item-option_3.cjs.entry.js

@@ -143,7 +143,7 @@ const ItemSliding = class {
       await this.updateOptions();
     });
     await this.updateOptions();
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el,
       gestureName: 'item-swipe',
       gesturePriority: 100,

package/dist/cjs/ion-loading.cjs.entry.js

@@ -9,12 +9,13 @@ const index = require('./index-c2940dc1.js');
 const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const animation = require('./animation-1083855c.js');
 require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./index-cc7dfb7c.js');
 

package/dist/cjs/ion-menu_3.cjs.entry.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c2940dc1.js');
 const cubicBezier = require('./cubic-bezier-6b9222ad.js');
-const gestureController = require('./gesture-controller-b46721be.js');
+const gestureController = require('./gesture-controller-d6a3f907.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-d7561763.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-09471526.js');
@@ -133,7 +133,7 @@ const Menu = class {
     // register this menu with the app's menu controller
     index$1.menuController._register(this);
     this.menuChanged();
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: document,
       gestureName: 'menu-swipe',
       gesturePriority: 30,

package/dist/cjs/ion-modal.cjs.entry.js

@@ -12,18 +12,18 @@ const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$4 = require('./index-cc7dfb7c.js');
 const capacitor = require('./capacitor-2ffba62a.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$5 = require('./index-573877f3.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const keyboard = require('./keyboard-38f2bb7b.js');
 const animation = require('./animation-1083855c.js');
 const cubicBezier = require('./cubic-bezier-6b9222ad.js');
-const index$1 = require('./index-0ee995e4.js');
+const index$1 = require('./index-0f8b33f8.js');
 const index = require('./index-306a7476.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./keyboard-fd7db491.js');
-require('./gesture-controller-b46721be.js');
 
 var Style;
 (function (Style) {

package/dist/cjs/ion-nav_2.cjs.entry.js

@@ -135,7 +135,7 @@ const Nav = class {
     // We want to set this flag before any watch callbacks are manually called
     this.didLoad = true;
     this.rootChanged();
-    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-d0412fb6.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+    this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-a6dc6e5d.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
     this.swipeGestureChanged();
   }
   connectedCallback() {

package/dist/cjs/ion-popover.cjs.entry.js

@@ -10,12 +10,13 @@ const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-573877f3.js');
 const animation = require('./animation-1083855c.js');
 require('./index-306a7476.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 
 /**

package/dist/cjs/ion-range.cjs.entry.js

@@ -96,7 +96,7 @@ const Range = class {
     this.setupGesture = async () => {
       const rangeSlider = this.rangeSlider;
       if (rangeSlider) {
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
           el: rangeSlider,
           gestureName: 'range',
           gesturePriority: 100,

package/dist/cjs/ion-refresher_2.cjs.entry.js

@@ -334,7 +334,7 @@ const Refresher = class {
       });
     };
     this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
@@ -386,7 +386,7 @@ const Refresher = class {
         refreshingCircle.style.setProperty('animation-delay', '-655ms');
       });
     }
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
@@ -512,7 +512,7 @@ const Refresher = class {
         this.setupNativeRefresher(contentEl);
       }
       else {
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
           el: contentEl,
           gestureName: 'refresher',
           gesturePriority: 31,

package/dist/cjs/ion-reorder_2.cjs.entry.js

@@ -70,7 +70,7 @@ const ReorderGroup = class {
     if (contentEl) {
       this.scrollEl = await index$2.getScrollElement(contentEl);
     }
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: this.el,
       gestureName: 'reorder',
       gesturePriority: 110,

package/dist/cjs/ion-segment_2.cjs.entry.js

@@ -124,7 +124,7 @@ const Segment = class {
        */
       this.scrollActiveButtonIntoView(false);
     });
-    this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+    this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
       el: this.el,
       gestureName: 'segment',
       gesturePriority: 100,

package/dist/cjs/ion-select_3.cjs.entry.js

@@ -10,7 +10,7 @@ const formController = require('./form-controller-9343050c.js');
 const notchController = require('./notch-controller-f4f6af5d.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const dir = require('./dir-f1e0ca26.js');
 const theme = require('./theme-fbc56b3b.js');
 const watchOptions = require('./watch-options-53bbb124.js');
@@ -18,6 +18,7 @@ const index$2 = require('./index-09471526.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 
 const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}";

package/dist/cjs/ion-toast.cjs.entry.js

@@ -10,12 +10,13 @@ const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-2ffc5f27.js');
+const overlays = require('./overlays-bd057fe9.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const animation = require('./animation-1083855c.js');
 const index = require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
+require('./gesture-controller-d6a3f907.js');
 require('./hardware-back-button-b67c8e75.js');
 
 /**

package/dist/cjs/ion-toggle.cjs.entry.js

@@ -37,7 +37,7 @@ const Toggle = class {
     this.setupGesture = async () => {
       const { toggleTrack } = this;
       if (toggleTrack) {
-        this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
+        this.gesture = (await Promise.resolve().then(function () { return require('./index-0f8b33f8.js'); })).createGesture({
           el: toggleTrack,
           gestureName: 'toggle',
           gesturePriority: 100,

package/dist/cjs/{overlays-2ffc5f27.js → overlays-bd057fe9.js}

@@ -6,6 +6,7 @@
 const index = require('./index-306a7476.js');
 const ionicGlobal = require('./ionic-global-ea2901a3.js');
 const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
+const gestureController = require('./gesture-controller-d6a3f907.js');
 const hardwareBackButton = require('./hardware-back-button-b67c8e75.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
@@ -391,6 +392,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     return;
   }
   setRootAriaHidden(true);
+  document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
   overlay.presented = true;
   overlay.willPresent.emit();
   (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -453,12 +455,14 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
   if (!overlay.presented) {
     return false;
   }
+  const lastOverlay = index.doc !== undefined && getPresentedOverlays(index.doc).length === 1;
   /**
    * If this is the last visible overlay then
    * we want to re-add the root to the accessibility tree.
    */
-  if (index.doc !== undefined && getPresentedOverlays(index.doc).length === 1) {
+  if (lastOverlay) {
     setRootAriaHidden(false);
+    document.body.classList.remove(gestureController.BACKDROP_NO_SCROLL);
   }
   overlay.presented = false;
   try {

package/dist/cjs/{swipe-back-d0412fb6.js → swipe-back-a6dc6e5d.js}

@@ -5,8 +5,8 @@
 
 const helpers = require('./helpers-ea4ccbcb.js');
 const dir = require('./dir-f1e0ca26.js');
-const index = require('./index-0ee995e4.js');
-require('./gesture-controller-b46721be.js');
+const index = require('./index-0f8b33f8.js');
+require('./gesture-controller-d6a3f907.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
   const win = el.ownerDocument.defaultView;

package/dist/collection/components/backdrop/backdrop.js

@@ -2,25 +2,13 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, h } from "@stencil/core";
-import { GESTURE_CONTROLLER } from "../../utils/gesture/index";
 import { getIonMode } from "../../global/ionic-global";
 export class Backdrop {
   constructor() {
-    this.blocker = GESTURE_CONTROLLER.createBlocker({
-      disableScroll: true,
-    });
     this.visible = true;
     this.tappable = true;
     this.stopPropagation = true;
   }
-  connectedCallback() {
-    if (this.stopPropagation) {
-      this.blocker.block();
-    }
-  }
-  disconnectedCallback() {
-    this.blocker.unblock();
-  }
   onMouseDown(ev) {
     this.emitTap(ev);
   }

package/dist/collection/components/content/content.css

@@ -75,10 +75,6 @@
   color: var(--ion-color-contrast);
 }
 
-:host(.outer-content) {
-  --background: var(--ion-color-step-50, #f2f2f2);
-}
-
 #background-content {
   left: 0px;
   right: 0px;

package/dist/collection/utils/gesture/gesture-controller.js

@@ -189,5 +189,5 @@ class BlockerDelegate {
     this.ctrl = undefined;
   }
 }
-const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
+export const BACKDROP_NO_SCROLL = 'backdrop-no-scroll';
 export const GESTURE_CONTROLLER = new GestureController();

package/dist/collection/utils/overlays.js

@@ -5,6 +5,7 @@ import { doc } from "./browser/index";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
+import { BACKDROP_NO_SCROLL } from "./gesture/gesture-controller";
 import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
 import { addEventListener, componentOnReady, focusElement, getElementRoot, removeEventListener } from "./helpers";
 import { printIonWarning } from "./logging";
@@ -389,6 +390,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
     return;
   }
   setRootAriaHidden(true);
+  document.body.classList.add(BACKDROP_NO_SCROLL);
   overlay.presented = true;
   overlay.willPresent.emit();
   (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -451,12 +453,14 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
   if (!overlay.presented) {
     return false;
   }
+  const lastOverlay = doc !== undefined && getPresentedOverlays(doc).length === 1;
   /**
    * If this is the last visible overlay then
    * we want to re-add the root to the accessibility tree.
    */
-  if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
+  if (lastOverlay) {
     setRootAriaHidden(false);
+    document.body.classList.remove(BACKDROP_NO_SCROLL);
   }
   overlay.presented = false;
   try {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-15T15:22:49",
+  "timestamp": "2023-11-15T17:11:20",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.7.2",