From c18502f3efdec5440a11289235a93c62ce27ab89 Mon Sep 17 00:00:00 2001
From: Alexander Harding <noreply@harding.dev>
Date: Tue, 5 May 2026 17:50:11 -0500
Subject: [PATCH 1/4] fix(action-sheet): restore action-sheet-selected class on
 non-radio buttons (#31109)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issue number: resolves #31090

---------

## What is the current behavior?

Buttons configured with `role: "selected"` no longer receive the
`action-sheet-selected` CSS class. Userland styling that targets
`.action-sheet-selected` (the documented hook for marking the active
option — bold text, custom checkmarks, etc.) silently stopped working as
of `8.7.12`.

This regressed in #30769 (`fix(select, action-sheet): use radio role for
options`). The new render path computes the button's class as:

```tsx
class={{
  ...buttonClass(b),
  'action-sheet-selected': isActiveRadio,
}}
```

`buttonClass(b)` already emits `'action-sheet-selected': true` for
`role: "selected"` (via `[action-sheet-${button.role}]]: button.role !==
undefined`), but the second key with the same name overrides it. For any
non-radio button `isActiveRadio` is `false`, so the class is dropped
from the rendered `<button>`.

### Repro

```html
<ion-action-sheet id="sheet" header="Choose"></ion-action-sheet>
<script type="module">
  await customElements.whenDefined("ion-action-sheet");
  const sheet = document.getElementById("sheet");
  sheet.buttons = [
    { text: "Option A" },
    { text: "Option B", role: "selected" },
    { text: "Cancel", role: "cancel" },
  ];
  await sheet.present();
</script>
```

In `8.7.11` the Option B button gets `action-sheet-selected`. In
`8.7.12+` it does not.

## What is the new behavior?

- Only override `action-sheet-selected` based on `isActiveRadio` when
the button actually participates in the radio group
(`b.htmlAttributes?.role === 'radio'`). For non-radio buttons, the class
map produced by `buttonClass(b)` is left untouched, so `role:
"selected"` keeps emitting `action-sheet-selected` exactly as it has
since the component was introduced.
- Adds a spec-test regression covering the `role: "selected"` case.

This preserves the new radio-group behavior introduced in #30769 (when
the button is a radio, `action-sheet-selected` follows `activeRadioId`)
and restores the documented public API.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information

- The minified output for the lazy + custom-elements bundles becomes
`Object.assign(Object.assign({}, buttonClass(b)), isRadio &&
{"action-sheet-selected": isActiveRadio})`. When `isRadio` is `false`,
`Object.assign(target, false)` is a no-op and the class set by
`buttonClass(b)` is preserved.
- Verified in a real consumer app on 8.8.4: with this patch built and
installed locally, `role: "selected"` once again renders `class="...
action-sheet-selected ..."` on the `<button>`.


Made with [Cursor](https://cursor.com)
---
 .../components/action-sheet/action-sheet.tsx  |  2 +-
 .../test/basic/action-sheet.spec.tsx          | 33 +++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/core/src/components/action-sheet/action-sheet.tsx b/core/src/components/action-sheet/action-sheet.tsx
index beda9b01ac0..963932b4fdd 100644
--- a/core/src/components/action-sheet/action-sheet.tsx
+++ b/core/src/components/action-sheet/action-sheet.tsx
@@ -564,7 +564,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
           id={buttonId}
           class={{
             ...buttonClass(b),
-            'action-sheet-selected': isActiveRadio,
+            ...(isRadio && { 'action-sheet-selected': isActiveRadio }),
           }}
           onClick={() => {
             if (isRadio) {
diff --git a/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx b/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
index fce291525f2..551b0d1fcfa 100644
--- a/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
+++ b/core/src/components/action-sheet/test/basic/action-sheet.spec.tsx
@@ -59,3 +59,36 @@ describe('action sheet: disabled buttons', () => {
     await expect(cancelButton.hasAttribute('disabled')).toBe(false);
   });
 });
+
+describe('action sheet: selected role', () => {
+  // https://github.com/ionic-team/ionic-framework/issues/31090
+  it('should add the `action-sheet-selected` class to a button with `role="selected"`', async () => {
+    const page = await newSpecPage({
+      components: [ActionSheet],
+      template: () => (
+        <ion-action-sheet
+          buttons={[
+            { text: 'Option A' },
+            { text: 'Option B', role: 'selected' },
+            { text: 'Option C' },
+            { text: 'Cancel', role: 'cancel' },
+          ]}
+          overlayIndex={1}
+        ></ion-action-sheet>
+      ),
+    });
+
+    const actionSheet = page.body.querySelector('ion-action-sheet')!;
+
+    await actionSheet.present();
+
+    const buttons = Array.from(actionSheet.querySelectorAll<HTMLButtonElement>('.action-sheet-button'));
+    const selectedButton = buttons.find((btn) => btn.textContent?.trim() === 'Option B');
+
+    await expect(selectedButton).toBeDefined();
+    await expect(selectedButton!.classList.contains('action-sheet-selected')).toBe(true);
+
+    const optionA = buttons.find((btn) => btn.textContent?.trim() === 'Option A');
+    await expect(optionA!.classList.contains('action-sheet-selected')).toBe(false);
+  });
+});

From 44be424221bee11ffbe91c4b1fa0a4d56fe1ecac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Louren=C3=A7o?= <david.lourenco@outsystems.com>
Date: Wed, 6 May 2026 09:28:52 +0100
Subject: [PATCH 2/4] fix(segment): segment drag would set disabled segment
 button checked (#31112)

Issue number: resolves internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
- When the first segment is disabled and the last item is selected, if
the user swipes the `segment-view`, the first `segment-button` gets
checked even if it is disabled, and the view is presenting other
`segment-view`.

## What is the new behavior?

- A validation was added to ensure that the `segment-button` can only be
checked if it is not disabled

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
---
 .../segment-view/test/basic/index.html        | 16 +++++++++
 .../test/basic/segment-view.e2e.ts            | 33 +++++++++++++++++++
 core/src/components/segment/segment.tsx       |  4 +++
 3 files changed, 53 insertions(+)

diff --git a/core/src/components/segment-view/test/basic/index.html b/core/src/components/segment-view/test/basic/index.html
index 78dec1d9ff9..631a6a69a57 100644
--- a/core/src/components/segment-view/test/basic/index.html
+++ b/core/src/components/segment-view/test/basic/index.html
@@ -79,6 +79,22 @@
           <ion-segment-content id="top">Top</ion-segment-content>
         </ion-segment-view>
 
+        <ion-segment id="disabledFirstSegment" value="third">
+          <ion-segment-button value="first" disabled>
+            <ion-label>First</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="second-content" value="second">
+            <ion-label>Second</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="third-content" value="third">
+            <ion-label>Third</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view id="disabledFirstSegmentView">
+          <ion-segment-content id="second-content">Second Content</ion-segment-content>
+          <ion-segment-content id="third-content">Third Content</ion-segment-content>
+        </ion-segment-view>
+
         <ion-segment value="peach" scrollable>
           <ion-segment-button content-id="orange" value="orange">
             <ion-label>Orange</ion-label>
diff --git a/core/src/components/segment-view/test/basic/segment-view.e2e.ts b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
index f3f35626eaa..4bd434d18f2 100644
--- a/core/src/components/segment-view/test/basic/segment-view.e2e.ts
+++ b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
@@ -169,5 +169,38 @@ configs({ modes: ['md'] }).forEach(({ title, config }) => {
       const segmentContent = page.locator('ion-segment-content[id="top"]');
       await expect(segmentContent).toBeInViewport();
     });
+    test('should not select a disabled first segment button when dragging segment-view from last content', async ({
+      page,
+    }) => {
+      await page.setContent(
+        `
+        <ion-segment id="disabledFirstSegment" scrollable="true" value="third">
+          <ion-segment-button value="first" disabled>
+            <ion-label>First</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="second-content" value="second">
+            <ion-label>Second</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="third-content" value="third">
+            <ion-label>Third</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view id="disabledFirstSegmentView">
+          <ion-segment-content id="second-content">Second Content</ion-segment-content>
+          <ion-segment-content id="third-content">Third Content</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+      await page.waitForChanges();
+
+      await page.locator('ion-segment-view').evaluate((el: HTMLElement) => {
+        const max = el.scrollWidth - el.clientWidth;
+        el.scrollLeft = max;
+      });
+      await page.waitForChanges();
+
+      await expect(page.locator('ion-segment-button[value="first"]')).not.toHaveClass(/segment-button-checked/);
+    });
   });
 });
diff --git a/core/src/components/segment/segment.tsx b/core/src/components/segment/segment.tsx
index 6a56f8fdddf..e680f22413b 100644
--- a/core/src/components/segment/segment.tsx
+++ b/core/src/components/segment/segment.tsx
@@ -400,6 +400,10 @@ export class Segment implements ComponentInterface {
 
       const nextIndex = Math.round(scrollRatio * (buttons.length - 1));
 
+      if (buttons[nextIndex]?.disabled) {
+        return;
+      }
+
       if (this.lastNextIndex === undefined || this.lastNextIndex !== nextIndex) {
         this.lastNextIndex = nextIndex;
         this.triggerScrollOnValueChange = false;

From 237c628741f368b179d61fca76a2ba14947ea811 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 6 May 2026 21:32:56 +0000
Subject: [PATCH 3/4] v8.8.6

---
 CHANGELOG.md                              | 13 +++++++++++++
 core/CHANGELOG.md                         | 13 +++++++++++++
 core/package-lock.json                    |  6 +++---
 core/package.json                         |  2 +-
 lerna.json                                |  2 +-
 packages/angular-server/CHANGELOG.md      |  8 ++++++++
 packages/angular-server/package-lock.json |  8 ++++----
 packages/angular-server/package.json      |  4 ++--
 packages/angular/CHANGELOG.md             |  8 ++++++++
 packages/angular/package-lock.json        |  8 ++++----
 packages/angular/package.json             |  4 ++--
 packages/docs/CHANGELOG.md                |  8 ++++++++
 packages/docs/package-lock.json           |  6 +++---
 packages/docs/package.json                |  2 +-
 packages/react-router/CHANGELOG.md        |  8 ++++++++
 packages/react-router/package-lock.json   |  8 ++++----
 packages/react-router/package.json        |  4 ++--
 packages/react/CHANGELOG.md               |  8 ++++++++
 packages/react/package-lock.json          |  8 ++++----
 packages/react/package.json               |  4 ++--
 packages/vue-router/CHANGELOG.md          |  8 ++++++++
 packages/vue-router/package-lock.json     |  8 ++++----
 packages/vue-router/package.json          |  4 ++--
 packages/vue/CHANGELOG.md                 |  8 ++++++++
 packages/vue/package-lock.json            |  8 ++++----
 packages/vue/package.json                 |  4 ++--
 26 files changed, 127 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 64a717080be..32f33d2cafe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+
+### Bug Fixes
+
+* **action-sheet:** restore action-sheet-selected class on non-radio buttons ([#31109](https://github.com/ionic-team/ionic-framework/issues/31109)) ([c18502f](https://github.com/ionic-team/ionic-framework/commit/c18502f3efdec5440a11289235a93c62ce27ab89)), closes [#31090](https://github.com/ionic-team/ionic-framework/issues/31090)
+* **datetime:** prevent hidden-state observer from tearing down ready class on initial entry ([#31108](https://github.com/ionic-team/ionic-framework/issues/31108)) ([30b479a](https://github.com/ionic-team/ionic-framework/commit/30b479a53acbc16961002df256bec358dc11e7fa))
+* **segment:** segment drag would set disabled segment button checked ([#31112](https://github.com/ionic-team/ionic-framework/issues/31112)) ([44be424](https://github.com/ionic-team/ionic-framework/commit/44be424221bee11ffbe91c4b1fa0a4d56fe1ecac))
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index 851601359f5..0b0ea102b40 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+
+### Bug Fixes
+
+* **action-sheet:** restore action-sheet-selected class on non-radio buttons ([#31109](https://github.com/ionic-team/ionic-framework/issues/31109)) ([c18502f](https://github.com/ionic-team/ionic-framework/commit/c18502f3efdec5440a11289235a93c62ce27ab89)), closes [#31090](https://github.com/ionic-team/ionic-framework/issues/31090)
+* **datetime:** prevent hidden-state observer from tearing down ready class on initial entry ([#31108](https://github.com/ionic-team/ionic-framework/issues/31108)) ([30b479a](https://github.com/ionic-team/ionic-framework/commit/30b479a53acbc16961002df256bec358dc11e7fa))
+* **segment:** segment drag would set disabled segment button checked ([#31112](https://github.com/ionic-team/ionic-framework/issues/31112)) ([44be424](https://github.com/ionic-team/ionic-framework/commit/44be424221bee11ffbe91c4b1fa0a4d56fe1ecac))
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 
diff --git a/core/package-lock.json b/core/package-lock.json
index 9f0ef9cadb1..d6b0308551f 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -9829,4 +9829,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index fbdf88d9ecb..4398959d127 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Base components for Ionic",
   "engines": {
     "node": ">= 16"
diff --git a/lerna.json b/lerna.json
index 2c1f42dea1e..0bdc7a6bdd5 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.8.5"
+  "version": "8.8.6"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index f7c961df69c..ad919265aa1 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/angular-server
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index 7bb2b24eb3d..f32e5c17346 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.8.5"
+        "@ionic/core": "^8.8.6"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -11289,4 +11289,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index a0e29ec0f5d..d6b4fb9d4b4 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.8.5"
+    "@ionic/core": "^8.8.6"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 8ca48e37dec..11704d3a0f6 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/angular
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 5f808e1b066..6a5b4d36415 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.8.5",
+        "@ionic/core": "^8.8.6",
         "ionicons": "^8.0.13",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -9095,4 +9095,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
index aa302c434dc..550550ed403 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -48,7 +48,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.8.5",
+    "@ionic/core": "^8.8.6",
     "ionicons": "^8.0.13",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index 2bf6534ee38..528b4443104 100644
--- a/packages/docs/CHANGELOG.md
+++ b/packages/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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index b149126c2fc..5368b5e936f 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 7568688b1a1..479de2379e1 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",
diff --git a/packages/react-router/CHANGELOG.md b/packages/react-router/CHANGELOG.md
index 6d52aaee0e9..ba50749564b 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/react-router
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index 14e00a0216f..15111446be4 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.8.5",
+        "@ionic/react": "^8.8.6",
         "tslib": "*"
       },
       "devDependencies": {
@@ -6847,4 +6847,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 88527f7e2f4..78ad9066aea 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.8.5",
+    "@ionic/react": "^8.8.6",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index eb464fdbc9d..9667a98b3cd 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/react
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 2594da752c1..bb977baa884 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.8.5",
+        "@ionic/core": "^8.8.6",
         "ionicons": "^8.0.13",
         "tslib": "*"
       },
@@ -11916,4 +11916,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index a23cbf28134..0da7696e0de 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -40,7 +40,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.8.5",
+    "@ionic/core": "^8.8.6",
     "ionicons": "^8.0.13",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index 5556b755c6a..c15c57b4006 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/vue-router
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index ab8986aae60..7e7214c6e68 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.8.5"
+        "@ionic/vue": "^8.8.6"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -12994,4 +12994,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index 53c247bdd5e..fcba6b4918a 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic-framework#readme",
   "dependencies": {
-    "@ionic/vue": "^8.8.5"
+    "@ionic/vue": "^8.8.6"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index b0f67f24eed..f2544331eae 100644
--- 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.
 
+## [8.8.6](https://github.com/ionic-team/ionic-framework/compare/v8.8.5...v8.8.6) (2026-05-06)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [8.8.5](https://github.com/ionic-team/ionic-framework/compare/v8.8.4...v8.8.5) (2026-04-29)
 
 **Note:** Version bump only for package @ionic/vue
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 350ad4671e5..ac8c1c34913 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.8.5",
+      "version": "8.8.6",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.8.5",
+        "@ionic/core": "^8.8.6",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       },
@@ -4022,4 +4022,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 6b005c2a9af..e2533986296 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.8.5",
+  "version": "8.8.6",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -68,7 +68,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.8.5",
+    "@ionic/core": "^8.8.6",
     "@stencil/vue-output-target": "0.10.7",
     "ionicons": "^8.0.13"
   },

From a371a3fbaede4b1842bbd67d993548b6fa78cf1c Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 6 May 2026 21:33:54 +0000
Subject: [PATCH 4/4] chore(): update package lock files

---
 core/package-lock.json                    |  2 +-
 packages/angular-server/package-lock.json | 14 +++++------
 packages/angular/package-lock.json        |  8 +++---
 packages/docs/package-lock.json           |  2 +-
 packages/react-router/package-lock.json   | 30 +++++++++++------------
 packages/react/package-lock.json          |  8 +++---
 packages/vue-router/package-lock.json     | 30 +++++++++++------------
 packages/vue/package-lock.json            |  8 +++---
 8 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index d6b0308551f..980562a7601 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -9829,4 +9829,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index f32e5c17346..b45ade85205 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1031,9 +1031,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -7309,9 +7309,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "requires": {
         "@stencil/core": "4.43.0",
         "ionicons": "^8.0.13",
@@ -11289,4 +11289,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 6a5b4d36415..84af82f1748 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1398,9 +1398,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -9095,4 +9095,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 5368b5e936f..45e87b5d41e 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -10,4 +10,4 @@
       "license": "MIT"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index 15111446be4..4b3e97d91b0 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -238,9 +238,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -418,12 +418,12 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.8.5.tgz",
-      "integrity": "sha512-xMioqlgto2GmnvuJ0Rnl9G2xthhB4AVY/4vW9wg2pCY7pNI2cRkholjmXXVpLlhaqe2adKcz6dnHPTCquPZKDg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.8.6.tgz",
+      "integrity": "sha512-W5+AM8sCvG4oEdOO3EciIC0WNONFxgpFbNJYAstJeiRrO5yvM33pykkpp/i6sTqDEkc3HNEUdWlVurFE22V36w==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.8.5",
+        "@ionic/core": "8.8.6",
         "ionicons": "^8.0.13",
         "tslib": "*"
       },
@@ -4178,9 +4178,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "requires": {
         "@stencil/core": "4.43.0",
         "ionicons": "^8.0.13",
@@ -4284,11 +4284,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.8.5.tgz",
-      "integrity": "sha512-xMioqlgto2GmnvuJ0Rnl9G2xthhB4AVY/4vW9wg2pCY7pNI2cRkholjmXXVpLlhaqe2adKcz6dnHPTCquPZKDg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.8.6.tgz",
+      "integrity": "sha512-W5+AM8sCvG4oEdOO3EciIC0WNONFxgpFbNJYAstJeiRrO5yvM33pykkpp/i6sTqDEkc3HNEUdWlVurFE22V36w==",
       "requires": {
-        "@ionic/core": "8.8.5",
+        "@ionic/core": "8.8.6",
         "ionicons": "^8.0.13",
         "tslib": "*"
       }
@@ -6847,4 +6847,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index bb977baa884..73092357b51 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -736,9 +736,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -11916,4 +11916,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 7e7214c6e68..08be273a97a 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -673,9 +673,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -868,12 +868,12 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.8.5.tgz",
-      "integrity": "sha512-C1j1gVhT8UvAtPZ0isssFlF29GaZp/3XFUikrRhGs3Bte9+JbbIkRDhsI8mk5BSidmIB3uJWuPLwlvfcJfaF1A==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.8.6.tgz",
+      "integrity": "sha512-G71EC5JoAu06Ublnly0cPfK1XCQgKaN3sItP3tnPscDyVhfWzpEARcgNCxohdLxcMALCF1xYrlRSao4FIf+O9A==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.8.5",
+        "@ionic/core": "8.8.6",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       }
@@ -8044,9 +8044,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "requires": {
         "@stencil/core": "4.43.0",
         "ionicons": "^8.0.13",
@@ -8159,11 +8159,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.8.5.tgz",
-      "integrity": "sha512-C1j1gVhT8UvAtPZ0isssFlF29GaZp/3XFUikrRhGs3Bte9+JbbIkRDhsI8mk5BSidmIB3uJWuPLwlvfcJfaF1A==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.8.6.tgz",
+      "integrity": "sha512-G71EC5JoAu06Ublnly0cPfK1XCQgKaN3sItP3tnPscDyVhfWzpEARcgNCxohdLxcMALCF1xYrlRSao4FIf+O9A==",
       "requires": {
-        "@ionic/core": "8.8.5",
+        "@ionic/core": "8.8.6",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       }
@@ -12994,4 +12994,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index ac8c1c34913..8b27565d927 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -222,9 +222,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.8.5",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.5.tgz",
-      "integrity": "sha512-gVaEeLVNn6QGTmxmiC5J82k0WYEqDSuP6Hxmf4zHsBQptlIDmVOmbqzz8BIevQgb8q/s7ykwE0NGyqRu4BVsqg==",
+      "version": "8.8.6",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.8.6.tgz",
+      "integrity": "sha512-bliMajAW7pHlC9rqUq6bBxUr+Dctv/f+OmCYyDcvoZ64UvWwpAfNC5JcKaWx6VMX4DF4KOmYmbAJO3RdZGKVRw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.43.0",
@@ -4022,4 +4022,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}