chore(git): sync with main

.github/workflows/assign-issues.yml

@@ -11,7 +11,7 @@ jobs:
       issues: write
     steps:
       - name: 'Auto-assign issue'
-        uses: pozil/auto-assign-issue@39c06395cbac76e79afc4ad4e5c5c6db6ecfdd2e # v2.2.0
+        uses: pozil/auto-assign-issue@70adb98ca8b3941524e9ecde48e89067c4f96736 # v3.0.0
         with:
           assignees: brandyscarney, thetaPC, ShaneK
           numOfAssignee: 1

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)
 
 

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)
 
 

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"

core/scripts/vercel-build.sh

@@ -62,6 +62,12 @@ generate_dir_index() {
   # Skip if an index.html already exists (it's an actual test page)
   [ -f "${dir}/index.html" ] && return
 
+  # Absolute hrefs based on url_path. Vercel does not redirect to add trailing
+  # slashes, so a relative href like "basic/" from a URL without a trailing
+  # slash resolves against the parent directory and breaks navigation.
+  local parent_path="${url_path%/}"
+  parent_path="${parent_path%/*}/"
+
   local entries=""
   for child in "${dir}"/*/; do
     [ -d "${child}" ] || continue
@@ -70,7 +76,7 @@ generate_dir_index() {
     case "${name}" in *-snapshots|.*) continue ;; esac
     # Only include if there's at least one index.html somewhere underneath
     find "${child}" -name "index.html" -print -quit | grep -q . || continue
-    entries="${entries}<a href=\"${name}/\">${name}/</a>\n"
+    entries="${entries}<a href=\"${url_path}${name}/\">${name}/</a>\n"
   done
 
   [ -z "${entries}" ] && return
@@ -92,7 +98,7 @@ generate_dir_index() {
 </head>
 <body>
   <h1>Index of ${url_path}</h1>
-  <a class="up" href="../">../</a>
+  <a class="up" href="${parent_path}">../</a>
 $(echo -e "${entries}")
 </body>
 </html>

core/src/components/action-sheet/action-sheet.tsx

@@ -584,7 +584,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
           id={buttonId}
           class={{
             ...buttonClass(b),
-            'action-sheet-selected': isActiveRadio,
+            ...(isRadio && { 'action-sheet-selected': isActiveRadio }),
           }}
           onClick={() => {
             if (isRadio) {

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);
+  });
+});

core/src/components/datetime/datetime.tsx

@@ -140,6 +140,12 @@ export class Datetime implements ComponentInterface {
   private todayParts!: DatetimeParts;
   private defaultParts!: DatetimeParts;
   private loadTimeout: ReturnType<typeof setTimeout> | undefined;
+  /**
+   * Set true only by `visibleCallback`. Lets `hiddenCallback` ignore the
+   * synthetic "not intersecting" entry IntersectionObserver fires on
+   * `observe()` when the host mounts offscreen.
+   */
+  private hasBeenIntersecting = false;
 
   private prevPresentation: string | null = null;
 
@@ -1102,6 +1108,7 @@ export class Datetime implements ComponentInterface {
       this.clearFocusVisible = undefined;
     }
     this.loadTimeoutCleanup();
+    this.hasBeenIntersecting = false;
   }
 
   /**
@@ -1145,8 +1152,23 @@ export class Datetime implements ComponentInterface {
       return;
     }
 
+    this.markReady();
+  };
+
+  private markReady = () => {
+    if (this.el.classList.contains('datetime-ready')) {
+      return;
+    }
     this.initializeListeners();
 
+    /**
+     * TODO FW-2793: Datetime needs a frame to ensure that it
+     * can properly scroll contents into view. As a result
+     * we hide the scrollable content until after that frame
+     * so users do not see the content quickly shifting. The downside
+     * is that the content will pop into view a frame after. Maybe there
+     * is a better way to handle this?
+     */
     writeTask(() => {
       this.el.classList.add('datetime-ready');
     });
@@ -1175,19 +1197,8 @@ export class Datetime implements ComponentInterface {
         return;
       }
 
-      this.initializeListeners();
-
-      /**
-       * TODO FW-2793: Datetime needs a frame to ensure that it
-       * can properly scroll contents into view. As a result
-       * we hide the scrollable content until after that frame
-       * so users do not see the content quickly shifting. The downside
-       * is that the content will pop into view a frame after. Maybe there
-       * is a better way to handle this?
-       */
-      writeTask(() => {
-        this.el.classList.add('datetime-ready');
-      });
+      this.hasBeenIntersecting = true;
+      this.markReady();
     };
     const visibleIO = new IntersectionObserver(visibleCallback, { threshold: 0.01, root: el });
 
@@ -1227,6 +1238,12 @@ export class Datetime implements ComponentInterface {
         return;
       }
 
+      // Ignore the initial "not intersecting" entry IntersectionObserver fires on observe().
+      if (!this.hasBeenIntersecting) {
+        return;
+      }
+      this.hasBeenIntersecting = false;
+
       this.destroyInteractionListeners();
 
       /**

core/src/components/datetime/test/basic/datetime.e2e.ts

@@ -531,10 +531,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
  */
 configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('datetime: IO fallback'), () => {
-    test('should become ready even if IntersectionObserver never reports visible', async ({ page, skip }, testInfo) => {
-      // TODO(FW-7284): Re-enable on WebKit after determining why it fails
-      skip.browser('webkit', 'Wheel is not available in WebKit');
-
+    test('should become ready even if IntersectionObserver never reports visible', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30706',

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>

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/);
+    });
   });
 });

core/src/components/segment/segment.tsx

@@ -402,6 +402,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;

lerna.json

@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.8.5"
+  "version": "8.8.6"
 }

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

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"
   }
 }