v7.2.4

chore(ci): ensure stencil nightly gets installed for spec tests (#27974 )
Issue number: # ---------   ## What is the current behavior?  Stencil v3.4 is being used in the nightly run of these tests ## What is the new behavior?  this commit updates the `test-core-spec` action to accept an argument for the version of stencil that should be installed/used. since we do not (and arguably, should not) cache `node_modules/`, we need a way to inform this action that a nightly version of stencil should be installed ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information I fully expect nightly CI to begin to fail as a result of merging this. We'll fix that next week (in Stencil)
2026-03-13 10:22:08 +08:00 · 2023-08-16 13:26:09 +00:00 · 2023-08-15 15:33:22 +00:00 · 2023-08-14 20:12:04 +00:00 · 2023-08-14 15:16:05 +00:00 · 2023-08-14 14:34:47 +00:00
71 changed files with 394 additions and 232 deletions
--- a/.github/workflows/actions/download-archive/action.yml
+++ b/.github/workflows/actions/download-archive/action.yml
@@ -14,6 +14,6 @@ runs:
      with:
        name: ${{ inputs.name }}
        path: ${{ inputs.path }}
-    - name: Exract Archive
+    - name: Extract Archive
      run: unzip -q -o ${{ inputs.path }}/${{ inputs.filename }}
      shell: bash
--- a/.github/workflows/actions/test-core-spec/action.yml
+++ b/.github/workflows/actions/test-core-spec/action.yml
@@ -1,5 +1,8 @@
 name: 'Test Core Spec'
 description: 'Test Core Spec'
+inputs:
+  stencil-version:
+    description: 'The NPM tag of @stencil/core to install.'
 runs:
  using: 'composite'
  steps:
@@ -7,9 +10,14 @@ runs:
      with:
        node-version: 16.x
    - name: Install Dependencies
-      run: npm install
+      run: npm ci
      working-directory: ./core
      shell: bash
+    - name: Install Stencil ${{ inputs.stencil-version }}
+      run: npm install @stencil/core@${{ inputs.stencil-version }}
+      shell: bash
+      working-directory: ./core
+      if: ${{ inputs.stencil-version != '' }}
    - uses: ./.github/workflows/actions/download-archive
      with:
        name: ionic-core
--- a/.github/workflows/stencil-nightly.yml
+++ b/.github/workflows/stencil-nightly.yml
@@ -46,6 +46,8 @@ jobs:
    steps:
      - uses: actions/checkout@v3
      - uses: ./.github/workflows/actions/test-core-spec
+        with:
+          stencil-version: nightly

  test-core-screenshot:
    strategy:
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+
+### Bug Fixes
+
+* **tap-click:** do not error in document-less environment ([#27972](https://github.com/ionic-team/ionic-framework/issues/27972)) ([28bd4ba](https://github.com/ionic-team/ionic-framework/commit/28bd4ba720bb77d5f5c48cd7a45e0015daddc9dd))
+* **title:** large title aligns with ios spec ([#27969](https://github.com/ionic-team/ionic-framework/issues/27969)) ([8fa12fc](https://github.com/ionic-team/ionic-framework/commit/8fa12fc88857df27a1ca11249f0085e100fe1474)), closes [#27966](https://github.com/ionic-team/ionic-framework/issues/27966)
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)


--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+
+### Bug Fixes
+
+* **tap-click:** do not error in document-less environment ([#27972](https://github.com/ionic-team/ionic-framework/issues/27972)) ([28bd4ba](https://github.com/ionic-team/ionic-framework/commit/28bd4ba720bb77d5f5c48cd7a45e0015daddc9dd))
+* **title:** large title aligns with ios spec ([#27969](https://github.com/ionic-team/ionic-framework/issues/27969)) ([8fa12fc](https://github.com/ionic-team/ionic-framework/commit/8fa12fc88857df27a1ca11249f0085e100fe1474)), closes [#27966](https://github.com/ionic-team/ionic-framework/issues/27966)
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)


--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "@ionic/core",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/core",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
        "@stencil/core": "^3.4.0",
@@ -15,14 +15,14 @@
      },
      "devDependencies": {
        "@axe-core/playwright": "^4.7.3",
-        "@capacitor/core": "^5.2.2",
+        "@capacitor/core": "^5.2.3",
        "@capacitor/haptics": "^5.0.6",
        "@capacitor/keyboard": "^5.0.6",
        "@capacitor/status-bar": "^5.0.6",
        "@ionic/eslint-config": "^0.3.0",
        "@ionic/prettier-config": "^2.0.0",
        "@jest/core": "^27.5.1",
-        "@playwright/test": "^1.36.2",
+        "@playwright/test": "^1.37.0",
        "@rollup/plugin-node-resolve": "^8.4.0",
        "@rollup/plugin-virtual": "^2.0.3",
        "@stencil/angular-output-target": "^0.7.1",
@@ -607,9 +607,9 @@
      "dev": true
    },
    "node_modules/@capacitor/core": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-5.2.2.tgz",
-      "integrity": "sha512-3jKECZC5+YD2rljMZm1e/K3AYyoxUmLDZCyofTPbRYPBSI0wJh5ZCkX+XIGzNM0o/Wokl3Voa1JB8xsLC0MPxA==",
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-5.2.3.tgz",
+      "integrity": "sha512-Q1zbgt3Mvldy7six2/GX54kTL0ozgnR37jeDUAXL/fOJBF4Iorr/8A0OjGEAnwEjpR1la7uFZUunESMFyMLhEQ==",
      "dev": true,
      "dependencies": {
        "tslib": "^2.1.0"
@@ -1541,13 +1541,13 @@
      }
    },
    "node_modules/@playwright/test": {
-      "version": "1.36.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.36.2.tgz",
-      "integrity": "sha512-2rVZeyPRjxfPH6J0oGJqE8YxiM1IBRyM8hyrXYK7eSiAqmbNhxwcLa7dZ7fy9Kj26V7FYia5fh9XJRq4Dqme+g==",
+      "version": "1.37.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.37.0.tgz",
+      "integrity": "sha512-181WBLk4SRUyH1Q96VZl7BP6HcK0b7lbdeKisn3N/vnjitk+9HbdlFz/L5fey05vxaAhldIDnzo8KUoy8S3mmQ==",
      "dev": true,
      "dependencies": {
        "@types/node": "*",
-        "playwright-core": "1.36.2"
+        "playwright-core": "1.37.0"
      },
      "bin": {
        "playwright": "cli.js"
@@ -8194,9 +8194,9 @@
      }
    },
    "node_modules/playwright-core": {
-      "version": "1.36.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.2.tgz",
-      "integrity": "sha512-sQYZt31dwkqxOrP7xy2ggDfEzUxM1lodjhsQ3NMMv5uGTRDsLxU0e4xf4wwMkF2gplIxf17QMBCodSFgm6bFVQ==",
+      "version": "1.37.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.37.0.tgz",
+      "integrity": "sha512-1c46jhTH/myQw6sesrcuHVtLoSNfJv8Pfy9t3rs6subY7kARv0HRw5PpyfPYPpPtQvBOmgbE6K+qgYUpj81LAA==",
      "dev": true,
      "bin": {
        "playwright-core": "cli.js"
@@ -10788,9 +10788,9 @@
      "dev": true
    },
    "@capacitor/core": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-5.2.2.tgz",
-      "integrity": "sha512-3jKECZC5+YD2rljMZm1e/K3AYyoxUmLDZCyofTPbRYPBSI0wJh5ZCkX+XIGzNM0o/Wokl3Voa1JB8xsLC0MPxA==",
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-5.2.3.tgz",
+      "integrity": "sha512-Q1zbgt3Mvldy7six2/GX54kTL0ozgnR37jeDUAXL/fOJBF4Iorr/8A0OjGEAnwEjpR1la7uFZUunESMFyMLhEQ==",
      "dev": true,
      "requires": {
        "tslib": "^2.1.0"
@@ -11455,14 +11455,14 @@
      }
    },
    "@playwright/test": {
-      "version": "1.36.2",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.36.2.tgz",
-      "integrity": "sha512-2rVZeyPRjxfPH6J0oGJqE8YxiM1IBRyM8hyrXYK7eSiAqmbNhxwcLa7dZ7fy9Kj26V7FYia5fh9XJRq4Dqme+g==",
+      "version": "1.37.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.37.0.tgz",
+      "integrity": "sha512-181WBLk4SRUyH1Q96VZl7BP6HcK0b7lbdeKisn3N/vnjitk+9HbdlFz/L5fey05vxaAhldIDnzo8KUoy8S3mmQ==",
      "dev": true,
      "requires": {
        "@types/node": "*",
        "fsevents": "2.3.2",
-        "playwright-core": "1.36.2"
+        "playwright-core": "1.37.0"
      }
    },
    "@rollup/plugin-node-resolve": {
@@ -16332,9 +16332,9 @@
      }
    },
    "playwright-core": {
-      "version": "1.36.2",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.36.2.tgz",
-      "integrity": "sha512-sQYZt31dwkqxOrP7xy2ggDfEzUxM1lodjhsQ3NMMv5uGTRDsLxU0e4xf4wwMkF2gplIxf17QMBCodSFgm6bFVQ==",
+      "version": "1.37.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.37.0.tgz",
+      "integrity": "sha512-1c46jhTH/myQw6sesrcuHVtLoSNfJv8Pfy9t3rs6subY7kARv0HRw5PpyfPYPpPtQvBOmgbE6K+qgYUpj81LAA==",
      "dev": true
    },
    "postcss": {
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/core",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Base components for Ionic",
  "keywords": [
    "ionic",
@@ -37,14 +37,14 @@
  },
  "devDependencies": {
    "@axe-core/playwright": "^4.7.3",
-    "@capacitor/core": "^5.2.2",
+    "@capacitor/core": "^5.2.3",
    "@capacitor/haptics": "^5.0.6",
    "@capacitor/keyboard": "^5.0.6",
    "@capacitor/status-bar": "^5.0.6",
    "@ionic/eslint-config": "^0.3.0",
    "@ionic/prettier-config": "^2.0.0",
    "@jest/core": "^27.5.1",
-    "@playwright/test": "^1.36.2",
+    "@playwright/test": "^1.37.0",
    "@rollup/plugin-node-resolve": "^8.4.0",
    "@rollup/plugin-virtual": "^2.0.3",
    "@stencil/angular-output-target": "^0.7.1",
--- a/core/playwright.config.ts
+++ b/core/playwright.config.ts
@@ -62,14 +62,16 @@ const config: PlaywrightTestConfig = {
  },
  /* Fail the build on CI if you accidentally left test.only in the source code. */
  forbidOnly: !!process.env.CI,
-  /* Fail fast on CI */
-  maxFailures: process.env.CI ? 1 : 0,
-  /* Flaky test should be either addressed or disabled until we can address them */
-  retries: 0,
+  maxFailures: 0,
+  retries: 2,
+  reportSlowTests: null,
  /* Opt out of parallel tests on CI. */
  workers: process.env.CI ? 1 : undefined,
  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
+  reporter: [
+    ['html'],
+    ['github']
+  ],
  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
  use: {
    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -1277,9 +1277,6 @@ export namespace Components {
          * The shape of the input. If "round" it will have an increased border radius.
         */
        "shape"?: 'round';
-        /**
-          * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-         */
        "size"?: number;
        /**
          * If `true`, the element will have its spelling and grammar checked.
@@ -5339,9 +5336,6 @@ declare namespace LocalJSX {
          * The shape of the input. If "round" it will have an increased border radius.
         */
        "shape"?: 'round';
-        /**
-          * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-         */
        "size"?: number;
        /**
          * If `true`, the element will have its spelling and grammar checked.
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Chrome-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Chrome-linux.png
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Firefox-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Firefox-linux.png
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Safari-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-ltr-Mobile-Safari-linux.png
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Chrome-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Chrome-linux.png
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Firefox-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Firefox-linux.png
--- a/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Safari-linux.png
+++ b/core/src/components/accordion/test/basic/accordion.e2e.ts-snapshots/accordion-basic-ios-rtl-Mobile-Safari-linux.png
--- a/core/src/components/content/test/standalone/content.e2e.ts-snapshots/content-standalone-md-ltr-Mobile-Safari-linux.png
+++ b/core/src/components/content/test/standalone/content.e2e.ts-snapshots/content-standalone-md-ltr-Mobile-Safari-linux.png
--- a/core/src/components/header/header.ios.scss
+++ b/core/src/components/header/header.ios.scss
@@ -51,7 +51,7 @@
 }

 .header-collapse-condense ion-toolbar:first-of-type {
-  padding-top: 7px;
+  padding-top: 1px;

  z-index: 1;
 }
--- a/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Chrome-linux.png
+++ b/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Chrome-linux.png
--- a/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Firefox-linux.png
+++ b/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Firefox-linux.png
--- a/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Safari-linux.png
+++ b/core/src/components/header/test/condense/header.e2e.ts-snapshots/header-condense-large-title-initial-diff-ios-ltr-Mobile-Safari-linux.png
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -268,9 +268,7 @@ export class Input implements ComponentInterface {
   */
  @Prop() step?: string;

-  /**
-   * The initial size of the control. This value is in pixels unless the value of the type attribute is `"text"` or `"password"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, or `"password"`, otherwise it is ignored.
-   */
+  // FW-4914 Remove this property in Ionic 8
  @Prop() size?: number;

  /**
--- a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts
+++ b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts
@@ -3,7 +3,6 @@ import { configs, dragElementBy, test } from '@utils/test/playwright';

 import { testSlidingItem } from '../test.utils';

-// TODO FW-3006
 /**
 * item-sliding doesn't have mode-specific styling
 */
@@ -18,19 +17,12 @@ configs({ modes: ['md'] }).forEach(({ title, screenshot, config }) => {
  });
 });

-// TODO FW-3006
 /**
 * This behavior does not vary across modes/directions
 */
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
  test.describe(title('item-sliding: basic'), () => {
-    // mouse gesture is flaky on CI, skip for now
-    test.fixme('should open when swiped', async ({ page, skip }) => {
-      skip.browser(
-        (browserName: string) => browserName !== 'chromium',
-        'dragElementBy is flaky outside of Chrome browsers.'
-      );
-
+    test('should open when swiped', async ({ page }) => {
      await page.goto(`/src/components/item-sliding/test/basic`, config);
      const item = page.locator('#item2');

@@ -41,7 +33,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
      await expect(item).toHaveScreenshot(screenshot(`item-sliding-gesture`));
    });

-    test.skip('should not scroll when the item-sliding is swiped', async ({ page, skip }) => {
+    test('should not scroll when the item-sliding is swiped', async ({ page, skip }) => {
      skip.browser('webkit', 'mouse.wheel is not available in WebKit');

      await page.goto(`/src/components/item-sliding/test/basic`, config);
--- a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Chrome-linux.png
+++ b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Chrome-linux.png
--- a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Firefox-linux.png
+++ b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Firefox-linux.png
--- a/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Safari-linux.png
+++ b/core/src/components/item-sliding/test/basic/item-sliding.e2e.ts-snapshots/item-sliding-gesture-md-ltr-Mobile-Safari-linux.png
--- a/core/src/components/item/item.scss
+++ b/core/src/components/item/item.scss
@@ -2,6 +2,7 @@

 // Item
 // --------------------------------------------------
+// TODO: FW-4955

 :host {
  /**
@@ -45,10 +46,10 @@
   *
   * @prop --ripple-color: Color of the item ripple effect
   *
-   * @prop --highlight-height: The height of the highlight on the item
-   * @prop --highlight-color-focused: The color of the highlight on the item when focused
-   * @prop --highlight-color-valid: The color of the highlight on the item when valid
-   * @prop --highlight-color-invalid: The color of the highlight on the item when invalid
+   * @prop --highlight-height: The height of the highlight on the item. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.
+   * @prop --highlight-color-focused: The color of the highlight on the item when focused. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.
+   * @prop --highlight-color-valid: The color of the highlight on the item when valid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.
+   * @prop --highlight-color-invalid: The color of the highlight on the item when invalid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.
   */
  --border-radius: 0px;
  --border-width: 0px;
--- a/core/src/components/modal/test/can-dismiss/modal-sheet.e2e.ts
+++ b/core/src/components/modal/test/can-dismiss/modal-sheet.e2e.ts
@@ -73,7 +73,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
        await ionModalDidPresent.next();

        const modalHeader = page.locator('#modal-header');
-        await dragElementBy(modalHeader, page, 0, -500);
+        await dragElementBy(modalHeader, page, 0, 30);

        const modal = page.locator('ion-modal');
        expect(modal).not.toBe(null);
--- a/core/src/components/modal/test/card-nav/modal.e2e.ts
+++ b/core/src/components/modal/test/card-nav/modal.e2e.ts
@@ -9,12 +9,7 @@ import { CardModalPage } from '../fixtures';
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
  test.describe(title('card modal - nav'), () => {
    let cardModalPage: CardModalPage;
-    test.beforeEach(async ({ page, skip }) => {
-      skip.browser(
-        (browserName: string) => browserName !== 'chromium',
-        'dragElementBy is flaky outside of Chrome browsers.'
-      );
-
+    test.beforeEach(async ({ page }) => {
      cardModalPage = new CardModalPage(page);
      await cardModalPage.navigate('/src/components/modal/test/card-nav?ionic:_testing=false', config);
    });
@@ -33,7 +28,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

      const content = page.locator('.page-two-content');

-      await dragElementBy(content, page, 1000, 0, 10);
+      await dragElementBy(content, page, 370, 0, 10);

      await ionNavDidChange.next();
    });
@@ -47,7 +42,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

      await ionNavDidChange.next();

-      await cardModalPage.swipeToCloseModal('ion-modal ion-content.page-two-content');
+      await cardModalPage.swipeToCloseModal('ion-modal ion-content.page-two-content', true, 270);
    });
  });
 });
--- a/core/src/components/modal/test/card-refresher/modal.e2e.ts
+++ b/core/src/components/modal/test/card-refresher/modal.e2e.ts
@@ -15,7 +15,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
      const modal = page.locator('ion-modal');
      const content = (await page.$('ion-modal ion-content'))!;

-      await dragElementBy(content, page, 0, 500);
+      await dragElementBy(content, page, 0, 300);

      await content.waitForElementState('stable');

--- a/core/src/components/modal/test/card-scroll-target/modal.e2e.ts
+++ b/core/src/components/modal/test/card-scroll-target/modal.e2e.ts
@@ -30,7 +30,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

        await content.evaluate((el: HTMLElement) => (el.scrollTop = 500));

-        await dragElementBy(content, page, 0, 500);
+        await dragElementBy(content, page, 0, 300);

        await content.waitForElementState('stable');

--- a/core/src/components/modal/test/card/modal-tablet.e2e.ts
+++ b/core/src/components/modal/test/card/modal-tablet.e2e.ts
@@ -61,12 +61,12 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
      test('it should not swipe to close when swiped on the content but the content is scrolled', async ({ page }) => {
        const modal = await cardModalPage.openModalByTrigger('#card');

-        const content = (await page.$('ion-modal ion-content'))!;
+        const content = page.locator('ion-modal ion-content');
        await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));

        await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);

-        await content.waitForElementState('stable');
+        await content.waitFor();
        await expect(modal).toBeVisible();
      });
      test('it should not swipe to close when swiped on the content but the content is scrolled even when content is replaced', async ({
@@ -76,12 +76,12 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

        await page.click('ion-button.replace');

-        const content = (await page.$('ion-modal ion-content'))!;
+        const content = page.locator('ion-modal ion-content');
        await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));

        await cardModalPage.swipeToCloseModal('ion-modal ion-content', false);

-        await content.waitForElementState('stable');
+        await content.waitFor();
        await expect(modal).toBeVisible();
      });
      test('content should be scrollable after gesture ends', async ({ page }) => {
--- a/core/src/components/modal/test/fixtures.ts
+++ b/core/src/components/modal/test/fixtures.ts
@@ -16,7 +16,7 @@ export class CardModalPage {
    this.ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
  }
  async openModalByTrigger(selector: string) {
-    await this.page.click(selector);
+    await this.page.locator(selector).click();
    await this.ionModalDidPresent.next();

    return this.page.locator('ion-modal');
--- a/core/src/components/modal/test/sheet/modal.e2e.ts
+++ b/core/src/components/modal/test/sheet/modal.e2e.ts
@@ -129,7 +129,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
        const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange');
        const header = page.locator('.modal-sheet ion-header');

-        await dragElementBy(header, page, 0, 150);
+        await dragElementBy(header, page, 0, 125);

        await ionBreakpointDidChange.next();

--- a/core/src/components/range/test/legacy/basic/range.e2e.ts
+++ b/core/src/components/range/test/legacy/basic/range.e2e.ts
@@ -77,13 +77,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

      expect(await scrollEl.evaluate((el: HTMLElement) => el.scrollTop)).toEqual(0);

-      const box = (await knobEl.boundingBox())!;
-      const centerX = box.x + box.width / 2;
-      const centerY = box.y + box.height / 2;
-
-      await page.mouse.move(centerX, centerY);
-      await page.mouse.down();
-      await page.mouse.move(centerX + 30, centerY);
+      await dragElementBy(knobEl, page, 30, 0, undefined, undefined, false);

      /**
       * Do not use scrollToBottom() or other scrolling methods
--- a/core/src/components/range/test/range-events.e2e.ts
+++ b/core/src/components/range/test/range-events.e2e.ts
@@ -10,15 +10,28 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
      /**
       * The mouse events are flaky on CI
       */
-      test.fixme('should emit start/end events', async ({ page }, testInfo) => {
-        await page.setContent(`<ion-range value="20"></ion-range>`, config);
+      test.fixme('should emit start/end events', async ({ page }) => {
+        /**
+         * Requires padding to prevent the knob from being clipped.
+         * If it's clipped, then the value might be one off.
+         * For example, if the knob is clipped on the right, then the value
+         * will be 99 instead of 100.
+         */
+        await page.setContent(
+          `
+          <div style="padding: 0 20px">
+            <ion-range value="20"></ion-range>
+          </div>
+        `,
+          config
+        );

        const rangeStart = await page.spyOnEvent('ionKnobMoveStart');
        const rangeEnd = await page.spyOnEvent('ionKnobMoveEnd');

        const rangeEl = page.locator('ion-range');

-        await dragElementBy(rangeEl, page, testInfo.project.metadata.rtl ? -300 : 300, 0);
+        await dragElementBy(rangeEl, page, 300, 0);
        await page.waitForChanges();

        /**
@@ -65,13 +78,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>

        expect(await scrollEl.evaluate((el: HTMLElement) => el.scrollTop)).toEqual(0);

-        const box = (await knobEl.boundingBox())!;
-        const centerX = box.x + box.width / 2;
-        const centerY = box.y + box.height / 2;
-
-        await page.mouse.move(centerX, centerY);
-        await page.mouse.down();
-        await page.mouse.move(centerX + 30, centerY);
+        await dragElementBy(knobEl, page, 30, 0, undefined, undefined, false);

        /**
         * Do not use scrollToBottom() or other scrolling methods
@@ -118,13 +125,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
        const rangeHandle = page.locator('ion-range .range-knob-handle');
        const ionChangeSpy = await page.spyOnEvent('ionChange');

-        const boundingBox = await rangeHandle.boundingBox();
-
-        await rangeHandle.hover();
-        await page.mouse.down();
-        await page.mouse.move(boundingBox!.x + 100, boundingBox!.y);
-
-        await page.mouse.up();
+        await dragElementBy(rangeHandle, page, 100, 0);

        await ionChangeSpy.next();

@@ -169,11 +170,9 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
        const rangeHandle = page.locator('ion-range .range-knob-handle');
        const ionInputSpy = await page.spyOnEvent('ionInput');

-        const boundingBox = await rangeHandle.boundingBox();
-
        await rangeHandle.hover();
-        await page.mouse.down();
-        await page.mouse.move(boundingBox!.x + 100, boundingBox!.y);
+
+        await dragElementBy(rangeHandle, page, 100, 0, undefined, undefined, false);

        await ionInputSpy.next();

--- a/core/src/components/refresher/test/basic/refresher.e2e.ts
+++ b/core/src/components/refresher/test/basic/refresher.e2e.ts
@@ -3,13 +3,11 @@ import { configs, test } from '@utils/test/playwright';

 import { pullToRefresh } from '../test.utils';

-// TODO FW-2795: Enable this test when touch events/gestures are better supported in Playwright
-
 /**
 * This behavior does not vary across directions.
 */
 configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe.skip(title('refresher: basic'), () => {
+  test.describe(title('refresher: basic'), () => {
    test.beforeEach(async ({ page }) => {
      await page.goto('/src/components/refresher/test/basic', config);
    });
--- a/core/src/components/refresher/test/scroll-target/refresher.e2e.ts
+++ b/core/src/components/refresher/test/scroll-target/refresher.e2e.ts
@@ -3,12 +3,11 @@ import { configs, test } from '@utils/test/playwright';

 import { pullToRefresh } from '../test.utils';

-// TODO FW-2795: Enable this test when touch events/gestures are better supported in Playwright
 /**
 * This behavior does not vary across directions.
 */
 configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe.skip(title('refresher: custom scroll target'), () => {
+  test.describe(title('refresher: custom scroll target'), () => {
    test.beforeEach(async ({ page }) => {
      await page.goto('/src/components/refresher/test/scroll-target', config);
    });
@@ -19,7 +18,7 @@ configs({ directions: ['ltr'] }).forEach(({ title, config }) => {

        expect(await items.count()).toBe(30);

-        await pullToRefresh(page, '#inner-scroll');
+        await pullToRefresh(page);

        expect(await items.count()).toBe(60);
      });
@@ -39,7 +38,7 @@ configs({ directions: ['ltr'] }).forEach(({ title, config }) => {

        expect(await items.count()).toBe(30);

-        await pullToRefresh(page, '#inner-scroll');
+        await pullToRefresh(page);

        expect(await items.count()).toBe(60);
      });
--- a/core/src/components/refresher/test/test.utils.ts
+++ b/core/src/components/refresher/test/test.utils.ts
@@ -18,7 +18,7 @@ const pullToRefresh = async (page: E2EPage, selector = 'body') => {

  const ev = await page.spyOnEvent('ionRefreshComplete');

-  await dragElementByYAxis(target, page, 400);
+  await dragElementByYAxis(target, page, 320);
  await ev.next();
 };

--- a/core/src/components/reorder-group/test/interactive/reorder-group.e2e.ts
+++ b/core/src/components/reorder-group/test/interactive/reorder-group.e2e.ts
@@ -1,18 +1,12 @@
 import { expect } from '@playwright/test';
 import { configs, test, dragElementBy } from '@utils/test/playwright';

-// TODO FW-3079
 /**
 * Reorder group does not have per-mode styles
 */
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe.skip(title('reorder group: interactive'), () => {
-    test.beforeEach(async ({ page, skip }) => {
-      skip.browser(
-        (browserName: string) => browserName !== 'chromium',
-        'dragElementBy is flaky outside of Chrome browsers.'
-      );
-
+  test.describe(title('reorder group: interactive'), () => {
+    test.beforeEach(async ({ page }) => {
      await page.goto(`/src/components/reorder-group/test/interactive`, config);
    });
    test('should drag and drop when ion-reorder wraps ion-item', async ({ page }) => {
--- a/core/src/components/reorder-group/test/nested/reorder-group.e2e.ts
+++ b/core/src/components/reorder-group/test/nested/reorder-group.e2e.ts
@@ -1,17 +1,12 @@
 import { expect } from '@playwright/test';
 import { configs, test, dragElementBy } from '@utils/test/playwright';

-// TODO FW-3079
 /**
 * Reorder group does not have per-mode styles
 */
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe.skip(title('reorder group: nested'), () => {
-    test.beforeEach(async ({ page, skip }) => {
-      skip.browser(
-        (browserName: string) => browserName !== 'chromium',
-        'dragElementBy is flaky outside of Chrome browsers.'
-      );
+  test.describe(title('reorder group: nested'), () => {
+    test.beforeEach(async ({ page }) => {
      await page.goto(`/src/components/reorder-group/test/nested`, config);
    });
    test('should drag and drop when ion-reorder wraps ion-item', async ({ page }) => {
--- a/core/src/components/reorder-group/test/scroll-target/reorder-group.e2e.ts
+++ b/core/src/components/reorder-group/test/scroll-target/reorder-group.e2e.ts
@@ -1,17 +1,12 @@
 import { expect } from '@playwright/test';
 import { configs, test, dragElementBy } from '@utils/test/playwright';

-// TODO FW-3079
 /**
 * Reorder group does not have per-mode styles
 */
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
-  test.describe.skip(title('reorder group: scroll-target'), () => {
-    test.beforeEach(async ({ page, skip }) => {
-      skip.browser(
-        (browserName: string) => browserName !== 'chromium',
-        'dragElementBy is flaky outside of Chrome browsers.'
-      );
+  test.describe(title('reorder group: scroll-target'), () => {
+    test.beforeEach(async ({ page }) => {
      await page.goto(`/src/components/reorder-group/test/scroll-target`, config);
    });
    test('should drag and drop when ion-reorder wraps ion-item', async ({ page }) => {
--- a/core/src/components/title/test/basic/title.e2e.ts
+++ b/core/src/components/title/test/basic/title.e2e.ts
@@ -12,3 +12,23 @@ configs().forEach(({ title, screenshot, config }) => {
    });
  });
 });
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('title: special characters'), () => {
+    test('should not cut off characters', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-header>
+          <ion-toolbar>
+            <ion-title size="large">ÔÔÔ</ion-title>
+          </ion-toolbar>
+        </ion-header>
+      `,
+        config
+      );
+
+      const title = page.locator('ion-title');
+      await expect(title).toHaveScreenshot(screenshot('title-characters'));
+    });
+  });
+});
--- a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Chrome-linux.png
+++ b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Chrome-linux.png
--- a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Firefox-linux.png
+++ b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Firefox-linux.png
--- a/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Safari-linux.png
+++ b/core/src/components/title/test/basic/title.e2e.ts-snapshots/title-characters-ios-ltr-Mobile-Safari-linux.png
--- a/core/src/components/title/title.ios.scss
+++ b/core/src/components/title/title.ios.scss
@@ -49,8 +49,6 @@

  min-width: 100%;

-  padding-bottom: 6px;
-
  font-size: 34px;
  font-weight: 700;

--- a/core/src/components/toolbar/toolbar.ios.scss
+++ b/core/src/components/toolbar/toolbar.ios.scss
@@ -84,6 +84,16 @@
 // Toolbar: Large Title
 // --------------------------------------------------

+/**
+ * Ensure there is enough spacing between the large
+ * title and any potential content in subsequent
+ * toolbars. We do not add padding to the title
+ * itself because it is absolutely positioned.
+ */
+:host(.toolbar-title-large) {
+  padding-bottom: 7px;
+}
+
 :host(.toolbar-title-large) .toolbar-container {
  flex-wrap: wrap;
  align-items: flex-start;
@@ -94,4 +104,4 @@
  order: map-get($toolbar-order-ios, title-large);

  min-width: 100%;
-}
+}
--- a/core/src/utils/tap-click/index.ts
+++ b/core/src/utils/tap-click/index.ts
@@ -1,7 +1,13 @@
+import { doc } from '@utils/browser';
+
 import type { Config } from '../../interface';
 import { now, pointerCoord } from '../helpers';

 export const startTapClick = (config: Config) => {
+  if (doc === undefined) {
+    return;
+  }
+
  let lastTouch = -MOUSE_WAIT * 10;
  let lastActivated = 0;

@@ -143,7 +149,6 @@ export const startTapClick = (config: Config) => {
    }
  };

-  const doc = document;
  doc.addEventListener('ionGestureCaptured', cancelActive);

  doc.addEventListener('touchstart', onTouchStart, true);
--- a/core/src/utils/test/playwright/drag-element.ts
+++ b/core/src/utils/test/playwright/drag-element.ts
@@ -1,3 +1,11 @@
+/**
+ * The drag gesture will not operate as expected when the element is dragged outside of the viewport because the Mouse class does not fire events outside of the viewport.
+ *
+ * For example, if the mouse is moved outside of the viewport, then the `mouseup` event will not fire.
+ *
+ * See https://playwright.dev/docs/api/class-mouse#mouse-move for more information.
+ */
+
 import type { ElementHandle, Locator } from '@playwright/test';

 import type { E2EPage } from './';
@@ -8,7 +16,8 @@ export const dragElementBy = async (
  dragByX = 0,
  dragByY = 0,
  startXCoord?: number,
-  startYCoord?: number
+  startYCoord?: number,
+  releaseDrag = true
 ) => {
  const boundingBox = await el.boundingBox();

@@ -21,14 +30,17 @@ export const dragElementBy = async (
  const startX = startXCoord === undefined ? boundingBox.x + boundingBox.width / 2 : startXCoord;
  const startY = startYCoord === undefined ? boundingBox.y + boundingBox.height / 2 : startYCoord;

-  const endX = startX + dragByX;
-  const endY = startY + dragByY;
-
+  // Navigate to the start position.
  await page.mouse.move(startX, startY);
+
  await page.mouse.down();

-  await page.mouse.move(endX, endY, { steps: 10 });
-  await page.mouse.up();
+  // Drag the element.
+  await moveElement(page, startX, startY, dragByX, dragByY);
+
+  if (releaseDrag) {
+    await page.mouse.up();
+  }
 };

 /**
@@ -55,12 +67,83 @@ export const dragElementByYAxis = async (
  const startX = boundingBox.x + boundingBox.width / 2;
  const startY = startYCoord === undefined ? boundingBox.y + boundingBox.height / 2 : startYCoord;

+  // Navigate to the start position.
  await page.mouse.move(startX, startY);
  await page.mouse.down();

-  for (let i = 0; i < dragByY; i += 20) {
-    await page.mouse.move(startX, startY + i);
-  }
+  // Drag the element.
+  await moveElement(page, startX, startY, 0, dragByY);

  await page.mouse.up();
 };
+
+const validateDragByX = (startX: number, dragByX: number, viewportWidth: number) => {
+  const endX = startX + dragByX;
+  // The element is being dragged past the right of the viewport.
+  if (endX > viewportWidth) {
+    const recommendedDragByX = viewportWidth - startX - 5;
+    throw new Error(
+      `The element is being dragged past the right of the viewport. Update the dragByX value to prevent going out of bounds. A recommended value is ${recommendedDragByX}.`
+    );
+  }
+
+  // The element is being dragged past the left of the viewport.
+  if (endX < 0) {
+    const recommendedDragByX = startX - 5;
+    throw new Error(
+      `The element is being dragged past the left of the viewport. Update the dragByX value to prevent going out of bounds. A recommended value is ${recommendedDragByX}.`
+    );
+  }
+};
+
+const validateDragByY = (startY: number, dragByY: number, viewportHeight: number) => {
+  const endY = startY + dragByY;
+  // The element is being dragged past the bottom of the viewport.
+  if (endY > viewportHeight) {
+    const recommendedDragByY = viewportHeight - startY - 5;
+    throw new Error(
+      `The element is being dragged past the bottom of the viewport. Update the dragByY value to prevent going out of bounds. A recommended value is ${recommendedDragByY}.`
+    );
+  }
+
+  // The element is being dragged past the top of the viewport.
+  if (endY < 0) {
+    const recommendedDragByY = startY - 5;
+    throw new Error(
+      `The element is being dragged past the top of the viewport. Update the dragByY value to prevent going out of bounds. A recommended value is ${recommendedDragByY}.`
+    );
+  }
+};
+
+const moveElement = async (page: E2EPage, startX: number, startY: number, dragByX = 0, dragByY = 0) => {
+  const steps = 10;
+  const browser = page.context().browser()!.browserType().name();
+
+  const viewport = page.viewportSize();
+  if (viewport === null) {
+    throw new Error(
+      'Cannot get viewport size. See https://playwright.dev/docs/api/class-page#page-viewport-size for more information'
+    );
+  }
+
+  validateDragByX(startX, dragByX, viewport.width);
+  validateDragByY(startY, dragByY, viewport.height);
+
+  const endX = startX + dragByX;
+  const endY = startY + dragByY;
+
+  // Drag the element.
+  for (let i = 1; i <= steps; i++) {
+    const middleX = startX + (endX - startX) * (i / steps);
+    const middleY = startY + (endY - startY) * (i / steps);
+
+    await page.mouse.move(middleX, middleY);
+
+    // Safari needs to wait for a repaint to occur before moving the mouse again.
+    if (browser === 'webkit' && i % 2 === 0) {
+      // Repainting every 2 steps is enough to keep the drag gesture smooth.
+      // Anything past 4 steps will cause the drag gesture to be flaky.
+      await page.evaluate(() => new Promise(requestAnimationFrame));
+    }
+  }
+};
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/docs
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "@ionic/docs",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/docs",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT"
    }
  }
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/docs",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Pre-packaged API documentation for the Ionic docs.",
  "main": "core.json",
  "types": "core.d.ts",
--- a/lerna.json
+++ b/lerna.json
@@ -4,5 +4,5 @@
    "docs",
    "packages/*"
  ],
-  "version": "7.2.3"
+  "version": "7.2.4"
 }
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/angular-server
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/angular-server",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/angular-server",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^7.2.3"
+        "@ionic/core": "^7.2.4"
      },
      "devDependencies": {
        "@angular-eslint/eslint-plugin": "^14.0.0",
@@ -1060,9 +1060,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -7342,9 +7342,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/angular-server",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Angular SSR Module for Ionic",
  "keywords": [
    "ionic",
@@ -61,6 +61,6 @@
  },
  "prettier": "@ionic/prettier-config",
  "dependencies": {
-    "@ionic/core": "^7.2.3"
+    "@ionic/core": "^7.2.4"
  }
 }
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/angular
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/angular",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/angular",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^7.2.3",
+        "@ionic/core": "^7.2.4",
        "ionicons": "^7.0.0",
        "jsonc-parser": "^3.0.0",
        "tslib": "^2.3.0"
@@ -1227,9 +1227,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -8104,9 +8104,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/angular",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Angular specific wrappers for @ionic/core",
  "keywords": [
    "ionic",
@@ -47,7 +47,7 @@
    }
  },
  "dependencies": {
-    "@ionic/core": "^7.2.3",
+    "@ionic/core": "^7.2.4",
    "ionicons": "^7.0.0",
    "jsonc-parser": "^3.0.0",
    "tslib": "^2.3.0"
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/react-router
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/react-router",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/react-router",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/react": "^7.2.3",
+        "@ionic/react": "^7.2.4",
        "tslib": "*"
      },
      "devDependencies": {
@@ -205,9 +205,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -401,11 +401,11 @@
      }
    },
    "node_modules/@ionic/react": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.2.tgz",
-      "integrity": "sha512-QFvLTCw/9/7aBFooRUZFD/pIOLgMO5E7AzW9DeJoyjenVp3TBbhKvlz275+2Z4Nmj82nXMZs2xWnmuzgweb2sQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.3.tgz",
+      "integrity": "sha512-yynxE2AdTd05wtYT1Cw3Gf2qSGy4VuUDk42M12CEtX00929oFDzbVATNnNqOOD14Kjwb9OUGJWYDzxS/VqqQxg==",
      "dependencies": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
        "ionicons": "^7.0.0",
        "tslib": "*"
      },
@@ -3663,9 +3663,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -3786,11 +3786,11 @@
      "requires": {}
    },
    "@ionic/react": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.2.tgz",
-      "integrity": "sha512-QFvLTCw/9/7aBFooRUZFD/pIOLgMO5E7AzW9DeJoyjenVp3TBbhKvlz275+2Z4Nmj82nXMZs2xWnmuzgweb2sQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.2.3.tgz",
+      "integrity": "sha512-yynxE2AdTd05wtYT1Cw3Gf2qSGy4VuUDk42M12CEtX00929oFDzbVATNnNqOOD14Kjwb9OUGJWYDzxS/VqqQxg==",
      "requires": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
        "ionicons": "^7.0.0",
        "tslib": "*"
      }
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/react-router",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "React Router wrapper for @ionic/react",
  "keywords": [
    "ionic",
@@ -37,7 +37,7 @@
    "dist/"
  ],
  "dependencies": {
-    "@ionic/react": "^7.2.3",
+    "@ionic/react": "^7.2.4",
    "tslib": "*"
  },
  "peerDependencies": {
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)


--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/react",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/react",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^7.2.3",
+        "@ionic/core": "^7.2.4",
        "ionicons": "^7.0.0",
        "tslib": "*"
      },
@@ -697,9 +697,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -11778,9 +11778,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/react",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "React specific wrapper for @ionic/core",
  "keywords": [
    "ionic",
@@ -41,7 +41,7 @@
    "css/"
  ],
  "dependencies": {
-    "@ionic/core": "^7.2.3",
+    "@ionic/core": "^7.2.4",
    "ionicons": "^7.0.0",
    "tslib": "*"
  },
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/vue-router
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/vue-router",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/vue-router",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/vue": "^7.2.3"
+        "@ionic/vue": "^7.2.4"
      },
      "devDependencies": {
        "@ionic/eslint-config": "^0.3.0",
@@ -660,9 +660,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -871,11 +871,11 @@
      }
    },
    "node_modules/@ionic/vue": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.2.tgz",
-      "integrity": "sha512-yRdwSg3GZokcIoBZ/ZxPl/ZDLyZsj6cisEg4XqtBAcX3d93rJtzxP4Hq+Ql7CN4hOhcpn1MX8BFLrCK/nSj94g==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.3.tgz",
+      "integrity": "sha512-LZBIoPOG/XeJS90pwR2Z7qIwsgyOQ8/nFMywj+SimRmgVaTO7h+ow4aAmbVEWH+DiOdlvtCsoZzJZGv+wy3EkA==",
      "dependencies": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
        "ionicons": "^7.0.0"
      }
    },
@@ -7697,9 +7697,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -7829,11 +7829,11 @@
      "requires": {}
    },
    "@ionic/vue": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.2.tgz",
-      "integrity": "sha512-yRdwSg3GZokcIoBZ/ZxPl/ZDLyZsj6cisEg4XqtBAcX3d93rJtzxP4Hq+Ql7CN4hOhcpn1MX8BFLrCK/nSj94g==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.2.3.tgz",
+      "integrity": "sha512-LZBIoPOG/XeJS90pwR2Z7qIwsgyOQ8/nFMywj+SimRmgVaTO7h+ow4aAmbVEWH+DiOdlvtCsoZzJZGv+wy3EkA==",
      "requires": {
-        "@ionic/core": "7.2.2",
+        "@ionic/core": "7.2.3",
        "ionicons": "^7.0.0"
      }
    },
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/vue-router",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Vue Router integration for @ionic/vue",
  "scripts": {
    "test.spec": "jest",
@@ -45,7 +45,7 @@
  },
  "homepage": "https://github.com/ionic-team/ionic#readme",
  "dependencies": {
-    "@ionic/vue": "^7.2.3"
+    "@ionic/vue": "^7.2.4"
  },
  "devDependencies": {
    "@ionic/eslint-config": "^0.3.0",
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [7.2.4](https://github.com/ionic-team/ionic-framework/compare/v7.2.3...v7.2.4) (2023-08-16)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [7.2.3](https://github.com/ionic-team/ionic-framework/compare/v7.2.2...v7.2.3) (2023-08-09)

 **Note:** Version bump only for package @ionic/vue
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
  "name": "@ionic/vue",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "@ionic/vue",
-      "version": "7.2.3",
+      "version": "7.2.4",
      "license": "MIT",
      "dependencies": {
-        "@ionic/core": "^7.2.3",
+        "@ionic/core": "^7.2.4",
        "ionicons": "^7.0.0"
      },
      "devDependencies": {
@@ -207,9 +207,9 @@
      "dev": true
    },
    "node_modules/@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "dependencies": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
@@ -3746,9 +3746,9 @@
      "dev": true
    },
    "@ionic/core": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.2.tgz",
-      "integrity": "sha512-KD+dZrrIpKs1BlE3Ffp05yrejSvurUhr0OWP2P/NRax5Dld8wSZj+ETOMkV8uiIPbOTOUbLaAQ7m5ZXduMCYhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.2.3.tgz",
+      "integrity": "sha512-9ms4JTozhoFzOlgVRozuRcXiyW5YDNlPqJYZx6xVPYPfcRUTIANQ9PZbU/Xqb9RA1xucTSgbKy91nt/hzJIalg==",
      "requires": {
        "@stencil/core": "^3.4.0",
        "ionicons": "7.1.0",
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/vue",
-  "version": "7.2.3",
+  "version": "7.2.4",
  "description": "Vue specific wrapper for @ionic/core",
  "scripts": {
    "eslint": "eslint src",
@@ -66,7 +66,7 @@
    "vue-router": "^4.0.16"
  },
  "dependencies": {
-    "@ionic/core": "^7.2.3",
+    "@ionic/core": "^7.2.4",
    "ionicons": "^7.0.0"
  },
  "vetur": {