merge release-8.8.9

.github/workflows/actions/test-angular-e2e/action.yml

@@ -33,7 +33,7 @@ runs:
       shell: bash
       working-directory: ./packages/angular/test/build/${{ inputs.app }}
     - name: 📦 Install Playwright Browsers
-      run: npx playwright install
+      run: npx playwright install chromium
       shell: bash
       working-directory: ./packages/angular/test/build/${{ inputs.app }}
     - name: 🔄 Sync Built Changes

CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.8.9](https://github.com/ionic-team/ionic-framework/compare/v8.8.8...v8.8.9) (2026-06-03)
+
+
+### Bug Fixes
+
+* **router:** support anchor fragments in href ([#31172](https://github.com/ionic-team/ionic-framework/issues/31172)) ([a982516](https://github.com/ionic-team/ionic-framework/commit/a982516afad1e848534db702694ef47f5e49c78d)), closes [#19566](https://github.com/ionic-team/ionic-framework/issues/19566) [#19365](https://github.com/ionic-team/ionic-framework/issues/19365)
+
+
+
+
+
 ## [8.8.8](https://github.com/ionic-team/ionic-framework/compare/v8.8.7...v8.8.8) (2026-05-20)
 
 

core/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.8.9](https://github.com/ionic-team/ionic-framework/compare/v8.8.8...v8.8.9) (2026-06-03)
+
+
+### Bug Fixes
+
+* **router:** support anchor fragments in href ([#31172](https://github.com/ionic-team/ionic-framework/issues/31172)) ([a982516](https://github.com/ionic-team/ionic-framework/commit/a982516afad1e848534db702694ef47f5e49c78d)), closes [#19566](https://github.com/ionic-team/ionic-framework/issues/19566) [#19365](https://github.com/ionic-team/ionic-framework/issues/19365)
+
+
+
+
+
 ## [8.8.8](https://github.com/ionic-team/ionic-framework/compare/v8.8.7...v8.8.8) (2026-05-20)
 
 **Note:** Version bump only for package @ionic/core

core/api.txt

@@ -1833,7 +1833,7 @@ ion-spinner,css-prop,--color
 ion-split-pane,shadow
 ion-split-pane,prop,contentId,string | undefined,undefined,false,true
 ion-split-pane,prop,disabled,boolean,false,false,false
-ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false
+ion-split-pane,prop,when,boolean | string,'(min-width: 992px)',false,false
 ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true
 ion-split-pane,css-prop,--border,ios
 ion-split-pane,css-prop,--border,md

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.8.8",
+  "version": "8.8.9",
   "description": "Base components for Ionic",
   "engines": {
     "node": ">= 16"
@@ -34,7 +34,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "4.43.0",
+    "@stencil/core": "4.43.5",
     "ionicons": "^8.0.13",
     "tslib": "^2.1.0"
   },

core/src/components.d.ts

@@ -3313,7 +3313,7 @@ export namespace Components {
         "isVisible": () => Promise<boolean>;
         /**
           * When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression.
-          * @default QUERY['lg']
+          * @default '(min-width: 992px)'
          */
         "when": string | boolean;
     }
@@ -8683,7 +8683,7 @@ declare namespace LocalJSX {
         "onIonSplitPaneVisible"?: (event: IonSplitPaneCustomEvent<{ visible: boolean }>) => void;
         /**
           * When the split-pane should be shown. Can be a CSS media query expression, or a shortcut expression. Can also be a boolean expression.
-          * @default QUERY['lg']
+          * @default '(min-width: 992px)'
          */
         "when"?: string | boolean;
     }

core/src/components/action-sheet/test/a11y/index.html

@@ -11,7 +11,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { actionSheetController } from '../../../../dist/ionic/index.esm.js';
+    import { actionSheetController } from '../../../../../dist/ionic/index.esm.js';
     window.actionSheetController = actionSheetController;
   </script>
 

core/src/components/action-sheet/test/basic/index.html

@@ -14,7 +14,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { actionSheetController } from '../../../../dist/ionic/index.esm.js';
+    import { actionSheetController } from '../../../../../dist/ionic/index.esm.js';
     window.actionSheetController = actionSheetController;
   </script>
 

core/src/components/action-sheet/test/standalone/index.html

@@ -14,7 +14,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { actionSheetController } from '../../../../dist/ionic/index.esm.js';
+    import { actionSheetController } from '../../../../../dist/ionic/index.esm.js';
     window.actionSheetController = actionSheetController;
   </script>
   <body>

core/src/components/action-sheet/test/translucent/index.html

@@ -58,7 +58,7 @@
     </style>
   </head>
   <script type="module">
-    import { actionSheetController } from '../../../../dist/ionic/index.esm.js';
+    import { actionSheetController } from '../../../../../dist/ionic/index.esm.js';
     window.actionSheetController = actionSheetController;
   </script>
   <body>

core/src/components/alert/test/a11y/index.html

@@ -11,7 +11,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { alertController } from '../../../../dist/ionic/index.esm.js';
+    import { alertController } from '../../../../../dist/ionic/index.esm.js';
     window.alertController = alertController;
   </script>
 

core/src/components/alert/test/basic/index.html

@@ -14,7 +14,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { alertController, loadingController } from '../../../../dist/ionic/index.esm.js';
+    import { alertController, loadingController } from '../../../../../dist/ionic/index.esm.js';
     window.alertController = alertController;
     window.loadingController = loadingController;
   </script>

core/src/components/alert/test/standalone/index.html

@@ -23,7 +23,7 @@
     </style>
   </head>
   <script type="module">
-    import { alertController } from '../../../../dist/ionic/index.esm.js';
+    import { alertController } from '../../../../../dist/ionic/index.esm.js';
     window.alertController = alertController;
   </script>
 

core/src/components/alert/test/translucent/index.html

@@ -70,7 +70,7 @@
     </style>
   </head>
   <script type="module">
-    import { alertController } from '../../../../dist/ionic/index.esm.js';
+    import { alertController } from '../../../../../dist/ionic/index.esm.js';
     window.alertController = alertController;
   </script>
 

core/src/components/loading/test/standalone/index.html

@@ -14,7 +14,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { loadingController } from '../../../../dist/ionic/index.esm.js';
+    import { loadingController } from '../../../../../dist/ionic/index.esm.js';
     window.loadingController = loadingController;
   </script>
   <body>

core/src/components/menu-button/test/async/index.html

@@ -13,7 +13,7 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      import { menuController } from '../../../../dist/ionic/index.esm.js';
+      import { menuController } from '../../../../../dist/ionic/index.esm.js';
       window.menuController = menuController;
     </script>
   </head>

core/src/components/menu/test/a11y/index.html

@@ -11,7 +11,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { menuController } from '../../../../dist/ionic/index.esm.js';
+    import { menuController } from '../../../../../dist/ionic/index.esm.js';
     window.menuController = menuController;
   </script>
 

core/src/components/menu/test/basic/index.html

@@ -30,7 +30,7 @@
     </style>
   </head>
   <script type="module">
-    import { menuController } from '../../../../dist/ionic/index.esm.js';
+    import { menuController } from '../../../../../dist/ionic/index.esm.js';
     window.menuController = menuController;
   </script>
 

core/src/components/menu/test/multiple/index.html

@@ -13,7 +13,7 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      import { menuController } from '../../../../dist/ionic/index.esm.js';
+      import { menuController } from '../../../../../dist/ionic/index.esm.js';
       window.menuController = menuController;
     </script>
   </head>

core/src/components/menu/test/safe-area/index.html

@@ -13,7 +13,7 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      import { menuController } from '../../../../dist/ionic/index.esm.js';
+      import { menuController } from '../../../../../dist/ionic/index.esm.js';
       window.menuController = menuController;
     </script>
     <style>

core/src/components/modal/test/can-dismiss/index.html

@@ -20,7 +20,7 @@
     </style>
   </head>
   <script type="module">
-    import { modalController, actionSheetController } from '../../../../dist/ionic/index.esm.js';
+    import { modalController, actionSheetController } from '../../../../../dist/ionic/index.esm.js';
     window.modalController = modalController;
     window.actionSheetController = actionSheetController;
   </script>

core/src/components/modal/test/card/index.html

@@ -26,7 +26,7 @@
     </style>
   </head>
   <script type="module">
-    import { modalController } from '../../../../dist/ionic/index.esm.js';
+    import { modalController } from '../../../../../dist/ionic/index.esm.js';
     window.modalController = modalController;
   </script>
 

core/src/components/modal/test/host-elements/index.html

@@ -14,7 +14,7 @@
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
   </head>
   <script type="module">
-    import { modalController } from '../../../../dist/ionic/index.esm.js';
+    import { modalController } from '../../../../../dist/ionic/index.esm.js';
     window.modalController = modalController;
   </script>
   <body>