From a6b19f40b259b829976af32302cade118a45a5d0 Mon Sep 17 00:00:00 2001
From: Brandy Smith <brandyscarney@users.noreply.github.com>
Date: Thu, 7 Aug 2025 10:53:47 -0400
Subject: [PATCH 01/11] chore(deps): downgrade @stencil/angular-output-target
 and @stencil/vue-output-target (#30614)

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
---
 core/package-lock.json | 28 ++++++++++++++--------------
 core/package.json      |  4 ++--
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index d2dd8e69335..1fd9f61c2c9 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -25,10 +25,10 @@
         "@playwright/test": "^1.54.2",
         "@rollup/plugin-node-resolve": "^8.4.0",
         "@rollup/plugin-virtual": "^2.0.3",
-        "@stencil/angular-output-target": "^1.0.0",
+        "@stencil/angular-output-target": "^0.10.0",
         "@stencil/react-output-target": "0.5.3",
         "@stencil/sass": "^3.0.9",
-        "@stencil/vue-output-target": "0.11.8",
+        "@stencil/vue-output-target": "0.10.8",
         "@types/jest": "^29.5.6",
         "@types/node": "^14.6.0",
         "@typescript-eslint/eslint-plugin": "^6.7.2",
@@ -1905,9 +1905,9 @@
       }
     },
     "node_modules/@stencil/angular-output-target": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-1.0.0.tgz",
-      "integrity": "sha512-6/XtjEWlJS+40b3x2geCV43rjQKlHS/a1/62QjYGXBtHhMo92KyGwKns3ntmX6B4fdk/xAKehxD2WKtHIM3oxQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-0.10.2.tgz",
+      "integrity": "sha512-jPRa2NMAPtm/iMY+mUaWATbIhgY5zPJfUNQyF8nwC0rMrfXifPoRCf6BbH2S4Gy7SX0X4hlP+jAbVUjQNg/P+Q==",
       "dev": true,
       "peerDependencies": {
         "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0"
@@ -1960,9 +1960,9 @@
       }
     },
     "node_modules/@stencil/vue-output-target": {
-      "version": "0.11.8",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.11.8.tgz",
-      "integrity": "sha512-R/kQoN15irgL7NJxWaUNSmwDLfoDBZjlYaXNnW3LHlF30TYfyez6pRgD7ZglSSTVktMtCXz6ZPhg0uq59VkhOw==",
+      "version": "0.10.8",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.8.tgz",
+      "integrity": "sha512-/a20LG29xqy/lxBqo6zc1LbyS20GW9xghypZ7vYdo5fQB8jHClAQDkn+c8aykQlre5TtHiODgvr/rRDUrQKwyg==",
       "dev": true,
       "peerDependencies": {
         "@stencil/core": ">=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0",
@@ -11977,9 +11977,9 @@
       }
     },
     "@stencil/angular-output-target": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-1.0.0.tgz",
-      "integrity": "sha512-6/XtjEWlJS+40b3x2geCV43rjQKlHS/a1/62QjYGXBtHhMo92KyGwKns3ntmX6B4fdk/xAKehxD2WKtHIM3oxQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/angular-output-target/-/angular-output-target-0.10.2.tgz",
+      "integrity": "sha512-jPRa2NMAPtm/iMY+mUaWATbIhgY5zPJfUNQyF8nwC0rMrfXifPoRCf6BbH2S4Gy7SX0X4hlP+jAbVUjQNg/P+Q==",
       "dev": true,
       "requires": {}
     },
@@ -12013,9 +12013,9 @@
       "requires": {}
     },
     "@stencil/vue-output-target": {
-      "version": "0.11.8",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.11.8.tgz",
-      "integrity": "sha512-R/kQoN15irgL7NJxWaUNSmwDLfoDBZjlYaXNnW3LHlF30TYfyez6pRgD7ZglSSTVktMtCXz6ZPhg0uq59VkhOw==",
+      "version": "0.10.8",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.8.tgz",
+      "integrity": "sha512-/a20LG29xqy/lxBqo6zc1LbyS20GW9xghypZ7vYdo5fQB8jHClAQDkn+c8aykQlre5TtHiODgvr/rRDUrQKwyg==",
       "dev": true,
       "requires": {}
     },
diff --git a/core/package.json b/core/package.json
index 16224583ca8..7a09435adbe 100644
--- a/core/package.json
+++ b/core/package.json
@@ -47,10 +47,10 @@
     "@playwright/test": "^1.54.2",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
-    "@stencil/angular-output-target": "^1.0.0",
+    "@stencil/angular-output-target": "^0.10.0",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "^3.0.9",
-    "@stencil/vue-output-target": "0.11.8",
+    "@stencil/vue-output-target": "0.10.8",
     "@types/jest": "^29.5.6",
     "@types/node": "^14.6.0",
     "@typescript-eslint/eslint-plugin": "^6.7.2",

From 2229c24bf502700084ee508a584bfd70cef83d6a Mon Sep 17 00:00:00 2001
From: Brandy Smith <brandyscarney@users.noreply.github.com>
Date: Fri, 8 Aug 2025 13:37:39 -0400
Subject: [PATCH 02/11] test(vue): improve test app (#30610)

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
---
 packages/vue/test/base/index.html             |   7 +-
 packages/vue/test/base/public/favicon.png     | Bin 0 -> 930 bytes
 .../test/base/src/components/ModalContent.vue |   2 +-
 .../vue/test/base/src/components/NavChild.vue |   2 +-
 .../vue/test/base/src/components/NavRoot.vue  |   2 +-
 packages/vue/test/base/src/main.ts            |  11 +
 packages/vue/test/base/src/router/index.ts    |  32 ++-
 .../vue/test/base/src/theme/variables.css     | 232 +-----------------
 .../vue/test/base/src/views/Breadcrumbs.vue   |  26 +-
 .../vue/test/base/src/views/Components.vue    |  26 --
 .../vue/test/base/src/views/DefaultHref.vue   |   2 +-
 packages/vue/test/base/src/views/Home.vue     |  60 +++--
 packages/vue/test/base/src/views/Icons.vue    |   4 +-
 packages/vue/test/base/src/views/Inputs.vue   |   4 +-
 .../vue/test/base/src/views/Lifecycle.vue     |   4 +-
 .../test/base/src/views/LifecycleSetup.vue    |   4 +-
 .../vue/test/base/src/views/Navigation.vue    |   4 +-
 packages/vue/test/base/src/views/Overlays.vue | 117 ++++-----
 .../src/views/OverlaysKeepContentsMounted.vue |   2 +-
 packages/vue/test/base/src/views/Range.vue    |   7 +
 .../vue/test/base/src/views/ReorderGroup.vue  |   2 +-
 packages/vue/test/base/src/views/Routing.vue  |   4 +-
 .../vue/test/base/src/views/RoutingChild.vue  |   4 +-
 .../test/base/src/views/RoutingParameter.vue  |   4 +-
 .../base/src/views/RoutingParameterView.vue   |   4 +-
 packages/vue/test/base/src/views/Select.vue   |   7 +
 packages/vue/test/base/src/views/Template.vue |   2 +-
 .../vue/test/base/src/views/VersionTest.vue   |   4 +-
 .../base/src/views/{ => nested}/Folder.vue    |   0
 .../src/views/{ => nested}/NestedChild.vue    |   2 +-
 .../src/views/{ => nested}/NestedChildTwo.vue |   2 +-
 .../src/views/{ => nested}/RouterOutlet.vue   |   2 +-
 .../{ => tabs-secondary}/Tab1Secondary.vue    |   2 +-
 .../{ => tabs-secondary}/Tab2Secondary.vue    |   0
 .../{ => tabs-secondary}/Tab3Secondary.vue    |   0
 .../{ => tabs-secondary}/TabsSecondary.vue    |   0
 .../test/base/src/views/{ => tabs}/Tab1.vue   |   2 +-
 .../src/views/{ => tabs}/Tab1Parameter.vue    |   2 +-
 .../test/base/src/views/{ => tabs}/Tab2.vue   |   2 +-
 .../test/base/src/views/{ => tabs}/Tab3.vue   |   0
 .../test/base/src/views/{ => tabs}/Tab4.vue   |   0
 .../test/base/src/views/{ => tabs}/Tabs.vue   |   2 +-
 .../test/base/tests/e2e/specs/routing.cy.js   |   8 +-
 .../vue/test/base/tests/e2e/specs/tabs.cy.js  |  12 +-
 packages/vue/test/base/vite.config.js         |   3 +
 45 files changed, 198 insertions(+), 420 deletions(-)
 create mode 100644 packages/vue/test/base/public/favicon.png
 delete mode 100644 packages/vue/test/base/src/views/Components.vue
 rename packages/vue/test/base/src/views/{ => nested}/Folder.vue (100%)
 rename packages/vue/test/base/src/views/{ => nested}/NestedChild.vue (96%)
 rename packages/vue/test/base/src/views/{ => nested}/NestedChildTwo.vue (96%)
 rename packages/vue/test/base/src/views/{ => nested}/RouterOutlet.vue (95%)
 rename packages/vue/test/base/src/views/{ => tabs-secondary}/Tab1Secondary.vue (96%)
 rename packages/vue/test/base/src/views/{ => tabs-secondary}/Tab2Secondary.vue (100%)
 rename packages/vue/test/base/src/views/{ => tabs-secondary}/Tab3Secondary.vue (100%)
 rename packages/vue/test/base/src/views/{ => tabs-secondary}/TabsSecondary.vue (100%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tab1.vue (97%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tab1Parameter.vue (96%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tab2.vue (96%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tab3.vue (100%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tab4.vue (100%)
 rename packages/vue/test/base/src/views/{ => tabs}/Tabs.vue (98%)

diff --git a/packages/vue/test/base/index.html b/packages/vue/test/base/index.html
index 670de7a9a89..82d60435c50 100644
--- a/packages/vue/test/base/index.html
+++ b/packages/vue/test/base/index.html
@@ -14,18 +14,17 @@
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
 
-    <link rel="shortcut icon" type="image/png" href="/assets/icon/favicon.png" />
+    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
 
     <!-- add to homescreen for ios -->
-    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="Ionic App" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-
-    <script type="module" src="/src/main.ts"></script>
   </head>
 
   <body>
     <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
   </body>
 
 </html>
diff --git a/packages/vue/test/base/public/favicon.png b/packages/vue/test/base/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..51888a7bbdb59f04c29c548523eb2638c1c954f5
GIT binary patch
literal 930
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!x&nMcT-^(N+`Ik{1{5}NM-k9f
zx+Ot=!3-}y{#<)Uok@}X^0T)Mjw~(h@l#Ir^NC7r=_#0-8E$a3RKVL~nc3p~*UxA#
z4bjg_XJBBO<>}%W5^;EK_{&+V40u?Vtzk_Oy;*YMVqw~ozwz&rPG6d~>D#mR`SK=;
zww9K@s-5|}%Dy=+ak|}>#qwwKGH>ZO4~|`P_r2LJy1RYqyXB`=?Mw?@F8Z!h{rcpz
z^y94Mdt1KFIr?nR|NE2g?N}2vO^d(4;=OB>WP0Plul!REN;cgwUAJuA?C`^98NGCJ
zuf=eS_<ywAnX-5Lr`lw*>OHmETd)0azdLJ6Z^FIm6*YNHw|4%l<hA_OWB(#f<d}&E
zzmQ_q+<Ue0d(SR>Gf`stp1;dK$1sNYdj7ec{*dYEN(RM7|LFZWoy#R9733Kz`kee`
zcsH&1+JCz2|7qRT%bgpNUdZ3E%i6T)I?vY6{p)ga_qlB<;GAPn(!{OF;x_wm_K%n(
zW67=BbK}Hx+Mo2yW_)0K?|;#s9f!Uw=S;9NQ)S^>UOs1+lefL)nQKa6oJzg9f7^uT
zr^QQJHL|;hJ!n29P`>r{pI$??E8ll+Vp%D3sqgGAQ?16Ir>}307i!n%dGB~BK<k4?
zqj4hNN`nolk0tjqrTm?;lA+7+)#}YpjB5=iGt70mC&tfS#K}^(jQP)uoOnjfq^mED
z%JpJ8<|=(q;xuiqk;&%1&cx(;rD;{mfsnJDH<QmQZ|kz-RduQC4rnUSV^Fl5;jpcO
z;h`=^vqp?tq7r9t<c^sww<7}rzTBPk?G^uv+C^1Czh1qaTpDAe@_IMlG_%I6>leRm
zV`}#;lUe7&`Rm%PqCLs%HOEe${KnWk%jlG>GM}cUf9>%Jt~^m(q1U%2$4$<)xHgTq
zd0EM;Wjbazr!IcCcJ{`1i$kvS+;+RTmT^vJdf^@OKlARE7bo`3-BEDmtJB75>uhqr
zB>Z2>{qec~lUw13i#jzoi~HY<zFg20e*b^L&wFKm|FipE)6ksjs9Fk4-VC0uelF{r
G5}E)C4#kuJ

literal 0
HcmV?d00001

diff --git a/packages/vue/test/base/src/components/ModalContent.vue b/packages/vue/test/base/src/components/ModalContent.vue
index 6b425e7cd78..7a01f453193 100644
--- a/packages/vue/test/base/src/components/ModalContent.vue
+++ b/packages/vue/test/base/src/components/ModalContent.vue
@@ -2,7 +2,7 @@
   <ion-page>
     <ion-header>
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="end">
           <ion-button @click="dismiss" id="dismiss">Dismiss</ion-button>
         </ion-buttons>
         <ion-title>Modal</ion-title>
diff --git a/packages/vue/test/base/src/components/NavChild.vue b/packages/vue/test/base/src/components/NavChild.vue
index 6208bc7b395..8b0ce6ae96d 100644
--- a/packages/vue/test/base/src/components/NavChild.vue
+++ b/packages/vue/test/base/src/components/NavChild.vue
@@ -1,7 +1,7 @@
 <template>
   <ion-header>
     <ion-toolbar>
-      <ion-buttons>
+      <ion-buttons slot="start">
         <ion-back-button></ion-back-button>
       </ion-buttons>
       <ion-title>Nav - Child</ion-title>
diff --git a/packages/vue/test/base/src/components/NavRoot.vue b/packages/vue/test/base/src/components/NavRoot.vue
index ffd18e67650..b71fd81530f 100644
--- a/packages/vue/test/base/src/components/NavRoot.vue
+++ b/packages/vue/test/base/src/components/NavRoot.vue
@@ -1,7 +1,7 @@
 <template>
   <ion-header>
     <ion-toolbar>
-      <ion-buttons>
+      <ion-buttons slot="end">
         <ion-button @click="dismiss">Dismiss</ion-button>
       </ion-buttons>
       <ion-title>Nav - Root</ion-title>
diff --git a/packages/vue/test/base/src/main.ts b/packages/vue/test/base/src/main.ts
index e2782fdd977..30c022a628c 100644
--- a/packages/vue/test/base/src/main.ts
+++ b/packages/vue/test/base/src/main.ts
@@ -20,6 +20,17 @@ import '@ionic/vue/css/text-transformation.css';
 import '@ionic/vue/css/flex-utils.css';
 import '@ionic/vue/css/display.css';
 
+/**
+ * Ionic Dark Mode
+ * -----------------------------------------------------
+ * For more info, please see:
+ * https://ionicframework.com/docs/theming/dark-mode
+ */
+
+/* @import '@ionic/vue/css/palettes/dark.always.css'; */
+/* @import '@ionic/vue/css/palettes/dark.class.css'; */
+import '@ionic/vue/css/palettes/dark.system.css';
+
 /* Theme variables */
 import './theme/variables.css';
 
diff --git a/packages/vue/test/base/src/router/index.ts b/packages/vue/test/base/src/router/index.ts
index 13d4e919ad6..ab5850e33c0 100644
--- a/packages/vue/test/base/src/router/index.ts
+++ b/packages/vue/test/base/src/router/index.ts
@@ -70,10 +70,6 @@ const routes: Array<RouteRecordRaw> = [
     path: '/navigation',
     component: () => import('@/views/Navigation.vue')
   },
-  {
-    path: '/components',
-    component: () => import('@/views/Components.vue'),
-  },
   {
     path: '/components/breadcrumbs',
     component: () => import('@/views/Breadcrumbs.vue')
@@ -92,26 +88,26 @@ const routes: Array<RouteRecordRaw> = [
   },
   {
     path: '/nested',
-    component: () => import('@/views/RouterOutlet.vue'),
+    component: () => import('@/views/nested/RouterOutlet.vue'),
     children: [
       {
         path: '',
-        component: () => import('@/views/NestedChild.vue')
+        component: () => import('@/views/nested/NestedChild.vue')
       },
       {
         path: 'two',
-        component: () => import('@/views/NestedChildTwo.vue')
+        component: () => import('@/views/nested/NestedChildTwo.vue')
       },
       {
         path: ':id',
-        component: () => import('@/views/Folder.vue'),
+        component: () => import('@/views/nested/Folder.vue'),
         props: true
       }
     ]
   },
   {
     path: '/tabs/',
-    component: () => import('@/views/Tabs.vue'),
+    component: () => import('@/views/tabs/Tabs.vue'),
     children: [
       {
         path: '',
@@ -119,33 +115,33 @@ const routes: Array<RouteRecordRaw> = [
       },
       {
         path: 'tab1',
-        component: () => import('@/views/Tab1.vue'),
+        component: () => import('@/views/tabs/Tab1.vue'),
       },
       {
         path: 'tab1/:id',
-        component: () => import('@/views/Tab1Parameter.vue'),
+        component: () => import('@/views/tabs/Tab1Parameter.vue'),
         props: true
       },
       {
         path: 'tab2',
-        component: () => import('@/views/Tab2.vue')
+        component: () => import('@/views/tabs/Tab2.vue')
       },
       {
         path: 'tab3',
         beforeEnter: (to, from, next) => {
           next({ path: '/tabs/tab1' });
         },
-        component: () => import('@/views/Tab3.vue')
+        component: () => import('@/views/tabs/Tab3.vue')
       },
       {
         path: 'tab4',
-        component: () => import('@/views/Tab4.vue')
+        component: () => import('@/views/tabs/Tab4.vue')
       }
     ]
   },
   {
     path: '/tabs-secondary/',
-    component: () => import('@/views/TabsSecondary.vue'),
+    component: () => import('@/views/tabs-secondary/TabsSecondary.vue'),
     children: [
       {
         path: '',
@@ -153,15 +149,15 @@ const routes: Array<RouteRecordRaw> = [
       },
       {
         path: 'tab1',
-        component: () => import('@/views/Tab1Secondary.vue')
+        component: () => import('@/views/tabs-secondary/Tab1Secondary.vue')
       },
       {
         path: 'tab2',
-        component: () => import('@/views/Tab2Secondary.vue')
+        component: () => import('@/views/tabs-secondary/Tab2Secondary.vue')
       },
       {
         path: 'tab3',
-        component: () => import('@/views/Tab3Secondary.vue')
+        component: () => import('@/views/tabs-secondary/Tab3Secondary.vue')
       }
     ]
   },
diff --git a/packages/vue/test/base/src/theme/variables.css b/packages/vue/test/base/src/theme/variables.css
index 8d6ebdc65c3..248ba644cec 100644
--- a/packages/vue/test/base/src/theme/variables.css
+++ b/packages/vue/test/base/src/theme/variables.css
@@ -1,232 +1,10 @@
-/* Ionic Variables and Theming. For more info, please see:
+/* For information on how to create your own theme, please see:
 http://ionicframework.com/docs/theming/ */
 
-/** Ionic CSS Variables **/
-:root {
-  /** primary **/
-  --ion-color-primary: #3880ff;
-  --ion-color-primary-rgb: 56, 128, 255;
-  --ion-color-primary-contrast: #ffffff;
-  --ion-color-primary-contrast-rgb: 255, 255, 255;
-  --ion-color-primary-shade: #3171e0;
-  --ion-color-primary-tint: #4c8dff;
-
-  /** secondary **/
-  --ion-color-secondary: #3dc2ff;
-  --ion-color-secondary-rgb: 61, 194, 255;
-  --ion-color-secondary-contrast: #ffffff;
-  --ion-color-secondary-contrast-rgb: 255, 255, 255;
-  --ion-color-secondary-shade: #36abe0;
-  --ion-color-secondary-tint: #50c8ff;
-
-  /** tertiary **/
-  --ion-color-tertiary: #5260ff;
-  --ion-color-tertiary-rgb: 82, 96, 255;
-  --ion-color-tertiary-contrast: #ffffff;
-  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
-  --ion-color-tertiary-shade: #4854e0;
-  --ion-color-tertiary-tint: #6370ff;
-
-  /** success **/
-  --ion-color-success: #2dd36f;
-  --ion-color-success-rgb: 45, 211, 111;
-  --ion-color-success-contrast: #ffffff;
-  --ion-color-success-contrast-rgb: 255, 255, 255;
-  --ion-color-success-shade: #28ba62;
-  --ion-color-success-tint: #42d77d;
-
-  /** warning **/
-  --ion-color-warning: #ffc409;
-  --ion-color-warning-rgb: 255, 196, 9;
-  --ion-color-warning-contrast: #000000;
-  --ion-color-warning-contrast-rgb: 0, 0, 0;
-  --ion-color-warning-shade: #e0ac08;
-  --ion-color-warning-tint: #ffca22;
-
-  /** danger **/
-  --ion-color-danger: #eb445a;
-  --ion-color-danger-rgb: 235, 68, 90;
-  --ion-color-danger-contrast: #ffffff;
-  --ion-color-danger-contrast-rgb: 255, 255, 255;
-  --ion-color-danger-shade: #cf3c4f;
-  --ion-color-danger-tint: #ed576b;
-
-  /** dark **/
-  --ion-color-dark: #222428;
-  --ion-color-dark-rgb: 34, 36, 40;
-  --ion-color-dark-contrast: #ffffff;
-  --ion-color-dark-contrast-rgb: 255, 255, 255;
-  --ion-color-dark-shade: #1e2023;
-  --ion-color-dark-tint: #383a3e;
-
-  /** medium **/
-  --ion-color-medium: #92949c;
-  --ion-color-medium-rgb: 146, 148, 156;
-  --ion-color-medium-contrast: #ffffff;
-  --ion-color-medium-contrast-rgb: 255, 255, 255;
-  --ion-color-medium-shade: #808289;
-  --ion-color-medium-tint: #9d9fa6;
-
-  /** light **/
-  --ion-color-light: #f4f5f8;
-  --ion-color-light-rgb: 244, 245, 248;
-  --ion-color-light-contrast: #000000;
-  --ion-color-light-contrast-rgb: 0, 0, 0;
-  --ion-color-light-shade: #d7d8da;
-  --ion-color-light-tint: #f5f6f9;
+.list-md {
+  background: transparent;
 }
 
-@media (prefers-color-scheme: dark) {
-  /*
-   * Dark Colors
-   * -------------------------------------------
-   */
-
-  body {
-    --ion-color-primary: #428cff;
-    --ion-color-primary-rgb: 66,140,255;
-    --ion-color-primary-contrast: #ffffff;
-    --ion-color-primary-contrast-rgb: 255,255,255;
-    --ion-color-primary-shade: #3a7be0;
-    --ion-color-primary-tint: #5598ff;
-
-    --ion-color-secondary: #50c8ff;
-    --ion-color-secondary-rgb: 80,200,255;
-    --ion-color-secondary-contrast: #ffffff;
-    --ion-color-secondary-contrast-rgb: 255,255,255;
-    --ion-color-secondary-shade: #46b0e0;
-    --ion-color-secondary-tint: #62ceff;
-
-    --ion-color-tertiary: #6a64ff;
-    --ion-color-tertiary-rgb: 106,100,255;
-    --ion-color-tertiary-contrast: #ffffff;
-    --ion-color-tertiary-contrast-rgb: 255,255,255;
-    --ion-color-tertiary-shade: #5d58e0;
-    --ion-color-tertiary-tint: #7974ff;
-
-    --ion-color-success: #2fdf75;
-    --ion-color-success-rgb: 47,223,117;
-    --ion-color-success-contrast: #000000;
-    --ion-color-success-contrast-rgb: 0,0,0;
-    --ion-color-success-shade: #29c467;
-    --ion-color-success-tint: #44e283;
-
-    --ion-color-warning: #ffd534;
-    --ion-color-warning-rgb: 255,213,52;
-    --ion-color-warning-contrast: #000000;
-    --ion-color-warning-contrast-rgb: 0,0,0;
-    --ion-color-warning-shade: #e0bb2e;
-    --ion-color-warning-tint: #ffd948;
-
-    --ion-color-danger: #ff4961;
-    --ion-color-danger-rgb: 255,73,97;
-    --ion-color-danger-contrast: #ffffff;
-    --ion-color-danger-contrast-rgb: 255,255,255;
-    --ion-color-danger-shade: #e04055;
-    --ion-color-danger-tint: #ff5b71;
-
-    --ion-color-dark: #f4f5f8;
-    --ion-color-dark-rgb: 244,245,248;
-    --ion-color-dark-contrast: #000000;
-    --ion-color-dark-contrast-rgb: 0,0,0;
-    --ion-color-dark-shade: #d7d8da;
-    --ion-color-dark-tint: #f5f6f9;
-
-    --ion-color-medium: #989aa2;
-    --ion-color-medium-rgb: 152,154,162;
-    --ion-color-medium-contrast: #000000;
-    --ion-color-medium-contrast-rgb: 0,0,0;
-    --ion-color-medium-shade: #86888f;
-    --ion-color-medium-tint: #a2a4ab;
-
-    --ion-color-light: #222428;
-    --ion-color-light-rgb: 34,36,40;
-    --ion-color-light-contrast: #ffffff;
-    --ion-color-light-contrast-rgb: 255,255,255;
-    --ion-color-light-shade: #1e2023;
-    --ion-color-light-tint: #383a3e;
-  }
-
-  /*
-   * iOS Dark Theme
-   * -------------------------------------------
-   */
-
-  .ios body {
-    --ion-background-color: #000000;
-    --ion-background-color-rgb: 0,0,0;
-
-    --ion-text-color: #ffffff;
-    --ion-text-color-rgb: 255,255,255;
-
-    --ion-color-step-50: #0d0d0d;
-    --ion-color-step-100: #1a1a1a;
-    --ion-color-step-150: #262626;
-    --ion-color-step-200: #333333;
-    --ion-color-step-250: #404040;
-    --ion-color-step-300: #4d4d4d;
-    --ion-color-step-350: #595959;
-    --ion-color-step-400: #666666;
-    --ion-color-step-450: #737373;
-    --ion-color-step-500: #808080;
-    --ion-color-step-550: #8c8c8c;
-    --ion-color-step-600: #999999;
-    --ion-color-step-650: #a6a6a6;
-    --ion-color-step-700: #b3b3b3;
-    --ion-color-step-750: #bfbfbf;
-    --ion-color-step-800: #cccccc;
-    --ion-color-step-850: #d9d9d9;
-    --ion-color-step-900: #e6e6e6;
-    --ion-color-step-950: #f2f2f2;
-
-    --ion-toolbar-background: #0d0d0d;
-
-    --ion-item-background: #000000;
-
-    --ion-card-background: #1c1c1d;
-  }
-
-
-  /*
-   * Material Design Dark Theme
-   * -------------------------------------------
-   */
-
-  .md body {
-    --ion-background-color: #121212;
-    --ion-background-color-rgb: 18,18,18;
-
-    --ion-text-color: #ffffff;
-    --ion-text-color-rgb: 255,255,255;
-
-    --ion-border-color: #222222;
-
-    --ion-color-step-50: #1e1e1e;
-    --ion-color-step-100: #2a2a2a;
-    --ion-color-step-150: #363636;
-    --ion-color-step-200: #414141;
-    --ion-color-step-250: #4d4d4d;
-    --ion-color-step-300: #595959;
-    --ion-color-step-350: #656565;
-    --ion-color-step-400: #717171;
-    --ion-color-step-450: #7d7d7d;
-    --ion-color-step-500: #898989;
-    --ion-color-step-550: #949494;
-    --ion-color-step-600: #a0a0a0;
-    --ion-color-step-650: #acacac;
-    --ion-color-step-700: #b8b8b8;
-    --ion-color-step-750: #c4c4c4;
-    --ion-color-step-800: #d0d0d0;
-    --ion-color-step-850: #dbdbdb;
-    --ion-color-step-900: #e7e7e7;
-    --ion-color-step-950: #f3f3f3;
-
-    --ion-item-background: #1e1e1e;
-
-    --ion-toolbar-background: #1f1f1f;
-
-    --ion-tab-bar-background: #1f1f1f;
-
-    --ion-card-background: #1e1e1e;
-  }
+.list-ios ion-item {
+  --ion-item-background: #1c1c1e;
 }
diff --git a/packages/vue/test/base/src/views/Breadcrumbs.vue b/packages/vue/test/base/src/views/Breadcrumbs.vue
index 7e823056c05..11919e90be8 100644
--- a/packages/vue/test/base/src/views/Breadcrumbs.vue
+++ b/packages/vue/test/base/src/views/Breadcrumbs.vue
@@ -2,6 +2,9 @@
   <ion-page>
     <ion-header>
       <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
+        </ion-buttons>
         <ion-title>Breadcrumbs</ion-title>
       </ion-toolbar>
     </ion-header>
@@ -29,25 +32,16 @@
   </ion-page>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import {
-  IonPage,
+  IonBackButton,
+  IonBreadcrumb,
+  IonBreadcrumbs,
+  IonButtons,
+  IonContent,
   IonHeader,
   IonToolbar,
   IonTitle,
-  IonContent,
-  IonBreadcrumbs,
+  IonPage,
 } from "@ionic/vue";
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  components: {
-    IonPage,
-    IonHeader,
-    IonToolbar,
-    IonTitle,
-    IonContent,
-    IonBreadcrumbs,
-  },
-});
 </script>
diff --git a/packages/vue/test/base/src/views/Components.vue b/packages/vue/test/base/src/views/Components.vue
deleted file mode 100644
index 01b11821ad2..00000000000
--- a/packages/vue/test/base/src/views/Components.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <ion-page>
-    <ion-content>
-      <ion-list>
-        <ion-item router-link="/components/breadcrumbs">
-          <ion-label>Breadcrumbs</ion-label>
-        </ion-item>
-        <ion-item router-link="/components/select">
-          <ion-label>Select</ion-label>
-        </ion-item>
-        <ion-item router-link="/components/range">
-          <ion-label>Range</ion-label>
-        </ion-item>
-      </ion-list>
-    </ion-content>
-  </ion-page>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-import { IonPage, IonContent, IonList, IonItem, IonLabel } from "@ionic/vue";
-
-export default defineComponent({
-  components: { IonPage, IonContent, IonList, IonItem, IonLabel },
-});
-</script>
diff --git a/packages/vue/test/base/src/views/DefaultHref.vue b/packages/vue/test/base/src/views/DefaultHref.vue
index 9fd8094c51b..11446398be6 100644
--- a/packages/vue/test/base/src/views/DefaultHref.vue
+++ b/packages/vue/test/base/src/views/DefaultHref.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="defaulthref">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>DefaultHref</ion-title>
diff --git a/packages/vue/test/base/src/views/Home.vue b/packages/vue/test/base/src/views/Home.vue
index d4d88e61a3f..a3ddbdf99c2 100644
--- a/packages/vue/test/base/src/views/Home.vue
+++ b/packages/vue/test/base/src/views/Home.vue
@@ -17,21 +17,21 @@
       </ion-header>
 
       <ion-list>
+        <ion-list-header>
+          <ion-label>Overlays</ion-label>
+        </ion-list-header>
         <ion-item router-link="/overlays">
           <ion-label>Overlays</ion-label>
         </ion-item>
-        <ion-item router-link="/icons">
-          <ion-label>Icons</ion-label>
-        </ion-item>
-        <ion-item router-link="/inputs">
-          <ion-label>Inputs</ion-label>
-        </ion-item>
+      </ion-list>
+
+      <ion-list>
+        <ion-list-header>
+          <ion-label>Navigation</ion-label>
+        </ion-list-header>
         <ion-item router-link="/navigation" id="navigation">
           <ion-label>Navigation</ion-label>
         </ion-item>
-        <ion-item router-link="/reorder-group">
-          <ion-label>Reorder Group</ion-label>
-        </ion-item>
         <ion-item router-link="/routing" id="routing">
           <ion-label>Routing</ion-label>
         </ion-item>
@@ -59,15 +59,36 @@
         <ion-item router-link="/delayed-redirect" id="delayed-redirect">
           <ion-label>Delayed Redirect</ion-label>
         </ion-item>
-        <ion-item router-link="/components">
+      </ion-list>
+
+      <ion-list>
+        <ion-list-header>
           <ion-label>Components</ion-label>
+        </ion-list-header>
+        <ion-item router-link="/components/breadcrumbs">
+          <ion-label>Breadcrumbs</ion-label>
+        </ion-item>
+        <ion-item router-link="/icons">
+          <ion-label>Icons</ion-label>
+        </ion-item>
+        <ion-item router-link="/inputs">
+          <ion-label>Inputs</ion-label>
+        </ion-item>
+        <ion-item router-link="/components/range">
+          <ion-label>Range</ion-label>
+        </ion-item>
+        <ion-item router-link="/reorder-group">
+          <ion-label>Reorder Group</ion-label>
+        </ion-item>
+        <ion-item router-link="/components/select">
+          <ion-label>Select</ion-label>
         </ion-item>
       </ion-list>
     </ion-content>
   </ion-page>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import {
   IonButtons,
   IonBackButton,
@@ -76,24 +97,9 @@ import {
   IonItem,
   IonLabel,
   IonList,
+  IonListHeader,
   IonPage,
   IonTitle,
   IonToolbar,
 } from "@ionic/vue";
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  components: {
-    IonButtons,
-    IonBackButton,
-    IonContent,
-    IonHeader,
-    IonItem,
-    IonLabel,
-    IonList,
-    IonPage,
-    IonTitle,
-    IonToolbar,
-  },
-});
 </script>
diff --git a/packages/vue/test/base/src/views/Icons.vue b/packages/vue/test/base/src/views/Icons.vue
index f44e3516b1b..533909ec549 100644
--- a/packages/vue/test/base/src/views/Icons.vue
+++ b/packages/vue/test/base/src/views/Icons.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="icons">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Icons</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Inputs.vue b/packages/vue/test/base/src/views/Inputs.vue
index b4dc2f496bc..28108f4f0dd 100644
--- a/packages/vue/test/base/src/views/Inputs.vue
+++ b/packages/vue/test/base/src/views/Inputs.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="inputs">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Inputs</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Lifecycle.vue b/packages/vue/test/base/src/views/Lifecycle.vue
index c7779c72b30..57dbb13a8ef 100644
--- a/packages/vue/test/base/src/views/Lifecycle.vue
+++ b/packages/vue/test/base/src/views/Lifecycle.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="lifecycle">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Lifecycle</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/LifecycleSetup.vue b/packages/vue/test/base/src/views/LifecycleSetup.vue
index b31b1620402..8d427ef2177 100644
--- a/packages/vue/test/base/src/views/LifecycleSetup.vue
+++ b/packages/vue/test/base/src/views/LifecycleSetup.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="lifecycle-setup">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Lifecycle (Setup)</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Navigation.vue b/packages/vue/test/base/src/views/Navigation.vue
index 33bbb08a879..ae6102f46c1 100644
--- a/packages/vue/test/base/src/views/Navigation.vue
+++ b/packages/vue/test/base/src/views/Navigation.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="navigation">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Navigation</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Overlays.vue b/packages/vue/test/base/src/views/Overlays.vue
index 799a44672b5..49b956e0ddd 100644
--- a/packages/vue/test/base/src/views/Overlays.vue
+++ b/packages/vue/test/base/src/views/Overlays.vue
@@ -2,68 +2,69 @@
   <ion-page data-pageid="overlays">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Overlays</ion-title>
       </ion-toolbar>
     </ion-header>
 
-    <ion-content class="ion-padding" :fullscreen="true">
-      <ion-radio-group v-model="componentType">
-        <ion-list-header>
-          <ion-label>
-            Component
-          </ion-label>
-        </ion-list-header>
-
-        <ion-item>
-          <ion-radio value="alert" id="ion-alert">Alert</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="action-sheet" id="ion-action-sheet">Action Sheet</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="loading" id="ion-loading">Loading</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="modal" id="ion-modal">Modal</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="popover" id="ion-popover">Popover</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="toast" id="ion-toast">Toast</ion-radio>
-        </ion-item>
-      </ion-radio-group>
-
-      <ion-radio-group v-model="presentationType">
-        <ion-list-header>
-          <ion-label>
-            Presentation Type
-          </ion-label>
-        </ion-list-header>
-
-        <ion-item>
-          <ion-radio value="controller" id="controller">Controller</ion-radio>
-        </ion-item>
-        <ion-item>
-          <ion-radio value="component" id="component">Component</ion-radio>
-        </ion-item>
-      </ion-radio-group>
-
-      <br />
-
-      <ion-button @click="present($event)" id="present-overlay">Present Overlay</ion-button>
-
-      <ion-button @click="changeLoadingProps()" id="change-loading-props">Quickly Change Loading Props</ion-button>
-
-      <br /><br />
-
-      Modal onWillPresent: <div id="willPresent">{{ willPresent }}</div><br />
-      Modal onDidPresent: <div id="didPresent">{{ didPresent }}</div><br />
-      Modal onWillDismiss: <div id="willDismiss">{{ willDismiss }}</div><br />
-      Modal onDidDismiss: <div id="didDismiss">{{ didDismiss }}</div><br />
+    <ion-content :fullscreen="true">
+      <ion-list>
+        <ion-radio-group v-model="componentType">
+          <ion-list-header>
+            <ion-label>
+              Component
+            </ion-label>
+          </ion-list-header>
+
+          <ion-item>
+            <ion-radio value="alert" id="ion-alert">Alert</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="action-sheet" id="ion-action-sheet">Action Sheet</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="loading" id="ion-loading">Loading</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="modal" id="ion-modal">Modal</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="popover" id="ion-popover">Popover</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="toast" id="ion-toast">Toast</ion-radio>
+          </ion-item>
+        </ion-radio-group>
+
+        <ion-radio-group v-model="presentationType">
+          <ion-list-header>
+            <ion-label>
+              Presentation Type
+            </ion-label>
+          </ion-list-header>
+
+          <ion-item>
+            <ion-radio value="controller" id="controller">Controller</ion-radio>
+          </ion-item>
+          <ion-item>
+            <ion-radio value="component" id="component">Component</ion-radio>
+          </ion-item>
+        </ion-radio-group>
+      </ion-list>
+
+      <div class="ion-display-flex ion-justify-content-center ion-flex-wrap ion-margin">
+        <ion-button @click="present($event)" id="present-overlay">Present Overlay</ion-button>
+        <ion-button @click="changeLoadingProps()" id="change-loading-props">Quickly Change Loading Props</ion-button>
+      </div>
+
+      <div class="ion-padding">
+        Modal onWillPresent: <div id="willPresent">{{ willPresent }}</div><br />
+        Modal onDidPresent: <div id="didPresent">{{ didPresent }}</div><br />
+        Modal onWillDismiss: <div id="willDismiss">{{ willDismiss }}</div><br />
+        Modal onDidDismiss: <div id="didDismiss">{{ didDismiss }}</div><br />
+      </div>
 
       <ion-action-sheet
         :is-open="isActionSheetOpen"
@@ -131,6 +132,7 @@ import {
   IonHeader,
   IonItem,
   IonLabel,
+  IonList,
   IonListHeader,
   IonPage,
   IonRadio,
@@ -166,6 +168,7 @@ export default defineComponent({
     IonHeader,
     IonItem,
     IonLabel,
+    IonList,
     IonListHeader,
     IonPage,
     IonRadio,
diff --git a/packages/vue/test/base/src/views/OverlaysKeepContentsMounted.vue b/packages/vue/test/base/src/views/OverlaysKeepContentsMounted.vue
index db4641d6f06..4bf0c9b8a4b 100644
--- a/packages/vue/test/base/src/views/OverlaysKeepContentsMounted.vue
+++ b/packages/vue/test/base/src/views/OverlaysKeepContentsMounted.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="overlays-automount">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>Overlays - Auto Mount</ion-title>
diff --git a/packages/vue/test/base/src/views/Range.vue b/packages/vue/test/base/src/views/Range.vue
index c0d6106140a..85463dcc218 100644
--- a/packages/vue/test/base/src/views/Range.vue
+++ b/packages/vue/test/base/src/views/Range.vue
@@ -2,6 +2,9 @@
   <ion-page>
     <ion-header>
       <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
+        </ion-buttons>
         <ion-title>Range</ion-title>
       </ion-toolbar>
     </ion-header>
@@ -23,6 +26,8 @@
 <script lang="ts">
 import {
   IonPage,
+  IonBackButton,
+  IonButtons,
   IonHeader,
   IonToolbar,
   IonTitle,
@@ -36,6 +41,8 @@ import { defineComponent } from "vue";
 export default defineComponent({
   components: {
     IonPage,
+    IonBackButton,
+    IonButtons,
     IonHeader,
     IonToolbar,
     IonTitle,
diff --git a/packages/vue/test/base/src/views/ReorderGroup.vue b/packages/vue/test/base/src/views/ReorderGroup.vue
index 48ccab650ec..42f7d946a76 100644
--- a/packages/vue/test/base/src/views/ReorderGroup.vue
+++ b/packages/vue/test/base/src/views/ReorderGroup.vue
@@ -3,7 +3,7 @@
     <ion-header :translucent="true">
       <ion-toolbar>
         <ion-buttons slot="start">
-          <ion-back-button></ion-back-button>
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Reorder Group</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Routing.vue b/packages/vue/test/base/src/views/Routing.vue
index f7977dde788..78f50a5deaa 100644
--- a/packages/vue/test/base/src/views/Routing.vue
+++ b/packages/vue/test/base/src/views/Routing.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="routing">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Routing</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/RoutingChild.vue b/packages/vue/test/base/src/views/RoutingChild.vue
index 8e41b6b7280..72107123a0b 100644
--- a/packages/vue/test/base/src/views/RoutingChild.vue
+++ b/packages/vue/test/base/src/views/RoutingChild.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="routingchild">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/routing"></ion-back-button>
         </ion-buttons>
         <ion-title>Routing Child</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/RoutingParameter.vue b/packages/vue/test/base/src/views/RoutingParameter.vue
index 36c74e2fcc9..63f882128ee 100644
--- a/packages/vue/test/base/src/views/RoutingParameter.vue
+++ b/packages/vue/test/base/src/views/RoutingParameter.vue
@@ -2,8 +2,8 @@
   <ion-page :data-pageid="'routingparameter-' + $props.id">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/routing"></ion-back-button>
         </ion-buttons>
         <ion-title>Routing Parameter</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/RoutingParameterView.vue b/packages/vue/test/base/src/views/RoutingParameterView.vue
index c4d347df704..52dd5cec0e7 100644
--- a/packages/vue/test/base/src/views/RoutingParameterView.vue
+++ b/packages/vue/test/base/src/views/RoutingParameterView.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="routingparameterview">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/routing"></ion-back-button>
         </ion-buttons>
         <ion-title>Routing Parameter View</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Select.vue b/packages/vue/test/base/src/views/Select.vue
index bb4d9b31f39..777c410e3d4 100644
--- a/packages/vue/test/base/src/views/Select.vue
+++ b/packages/vue/test/base/src/views/Select.vue
@@ -2,6 +2,9 @@
   <ion-page>
     <ion-header>
       <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
+        </ion-buttons>
         <ion-title>Select</ion-title>
       </ion-toolbar>
     </ion-header>
@@ -25,6 +28,8 @@
 <script lang="ts">
 import {
   IonPage,
+  IonBackButton,
+  IonButtons,
   IonHeader,
   IonToolbar,
   IonTitle,
@@ -38,6 +43,8 @@ import { defineComponent } from "vue";
 export default defineComponent({
   components: {
     IonPage,
+    IonBackButton,
+    IonButtons,
     IonHeader,
     IonToolbar,
     IonTitle,
diff --git a/packages/vue/test/base/src/views/Template.vue b/packages/vue/test/base/src/views/Template.vue
index 50913f7989c..3924fbbdd82 100644
--- a/packages/vue/test/base/src/views/Template.vue
+++ b/packages/vue/test/base/src/views/Template.vue
@@ -2,7 +2,7 @@
   <ion-page>
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>Template</ion-title>
diff --git a/packages/vue/test/base/src/views/VersionTest.vue b/packages/vue/test/base/src/views/VersionTest.vue
index f47cb9d18d6..e03b6c3c787 100644
--- a/packages/vue/test/base/src/views/VersionTest.vue
+++ b/packages/vue/test/base/src/views/VersionTest.vue
@@ -2,8 +2,8 @@
   <ion-page data-pageid="version-test">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
-          <ion-back-button></ion-back-button>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>VersionTest</ion-title>
       </ion-toolbar>
diff --git a/packages/vue/test/base/src/views/Folder.vue b/packages/vue/test/base/src/views/nested/Folder.vue
similarity index 100%
rename from packages/vue/test/base/src/views/Folder.vue
rename to packages/vue/test/base/src/views/nested/Folder.vue
diff --git a/packages/vue/test/base/src/views/NestedChild.vue b/packages/vue/test/base/src/views/nested/NestedChild.vue
similarity index 96%
rename from packages/vue/test/base/src/views/NestedChild.vue
rename to packages/vue/test/base/src/views/nested/NestedChild.vue
index 2ab3f9475f4..f0219e84186 100644
--- a/packages/vue/test/base/src/views/NestedChild.vue
+++ b/packages/vue/test/base/src/views/nested/NestedChild.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="nestedchild">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>Nested Child</ion-title>
diff --git a/packages/vue/test/base/src/views/NestedChildTwo.vue b/packages/vue/test/base/src/views/nested/NestedChildTwo.vue
similarity index 96%
rename from packages/vue/test/base/src/views/NestedChildTwo.vue
rename to packages/vue/test/base/src/views/nested/NestedChildTwo.vue
index d2429da8c89..6f5cfac23c6 100644
--- a/packages/vue/test/base/src/views/NestedChildTwo.vue
+++ b/packages/vue/test/base/src/views/nested/NestedChildTwo.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="nestedchildtwo">
     <ion-header :translucent="true">
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>Nested Child Two</ion-title>
diff --git a/packages/vue/test/base/src/views/RouterOutlet.vue b/packages/vue/test/base/src/views/nested/RouterOutlet.vue
similarity index 95%
rename from packages/vue/test/base/src/views/RouterOutlet.vue
rename to packages/vue/test/base/src/views/nested/RouterOutlet.vue
index 0f18de02dc7..370902ce19d 100644
--- a/packages/vue/test/base/src/views/RouterOutlet.vue
+++ b/packages/vue/test/base/src/views/nested/RouterOutlet.vue
@@ -3,7 +3,7 @@
     <ion-header>
       <ion-toolbar>
         <ion-buttons slot="start">
-          <ion-back-button id="routeroutlet-back-button" text="Back to main outlet"></ion-back-button>
+          <ion-back-button id="routeroutlet-back-button" text="Back to main outlet" default-href="/"></ion-back-button>
           <ion-button id="inbox" router-link="/nested/inbox" router-direction="root">Inbox</ion-button>
           <ion-button id="trash" router-link="/nested/trash" router-direction="root">Trash</ion-button>
           <ion-button id="outbox" router-link="/nested/outbox" router-direction="root">Outbox</ion-button>
diff --git a/packages/vue/test/base/src/views/Tab1Secondary.vue b/packages/vue/test/base/src/views/tabs-secondary/Tab1Secondary.vue
similarity index 96%
rename from packages/vue/test/base/src/views/Tab1Secondary.vue
rename to packages/vue/test/base/src/views/tabs-secondary/Tab1Secondary.vue
index e4c344af515..a24f5e0f88d 100644
--- a/packages/vue/test/base/src/views/Tab1Secondary.vue
+++ b/packages/vue/test/base/src/views/tabs-secondary/Tab1Secondary.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="tab1-secondary">
     <ion-header>
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Tab 1 - Secondary</ion-title>
diff --git a/packages/vue/test/base/src/views/Tab2Secondary.vue b/packages/vue/test/base/src/views/tabs-secondary/Tab2Secondary.vue
similarity index 100%
rename from packages/vue/test/base/src/views/Tab2Secondary.vue
rename to packages/vue/test/base/src/views/tabs-secondary/Tab2Secondary.vue
diff --git a/packages/vue/test/base/src/views/Tab3Secondary.vue b/packages/vue/test/base/src/views/tabs-secondary/Tab3Secondary.vue
similarity index 100%
rename from packages/vue/test/base/src/views/Tab3Secondary.vue
rename to packages/vue/test/base/src/views/tabs-secondary/Tab3Secondary.vue
diff --git a/packages/vue/test/base/src/views/TabsSecondary.vue b/packages/vue/test/base/src/views/tabs-secondary/TabsSecondary.vue
similarity index 100%
rename from packages/vue/test/base/src/views/TabsSecondary.vue
rename to packages/vue/test/base/src/views/tabs-secondary/TabsSecondary.vue
diff --git a/packages/vue/test/base/src/views/Tab1.vue b/packages/vue/test/base/src/views/tabs/Tab1.vue
similarity index 97%
rename from packages/vue/test/base/src/views/Tab1.vue
rename to packages/vue/test/base/src/views/tabs/Tab1.vue
index 40e15a4ad44..72ecb2f2096 100644
--- a/packages/vue/test/base/src/views/Tab1.vue
+++ b/packages/vue/test/base/src/views/tabs/Tab1.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="tab1">
     <ion-header>
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Tab 1</ion-title>
diff --git a/packages/vue/test/base/src/views/Tab1Parameter.vue b/packages/vue/test/base/src/views/tabs/Tab1Parameter.vue
similarity index 96%
rename from packages/vue/test/base/src/views/Tab1Parameter.vue
rename to packages/vue/test/base/src/views/tabs/Tab1Parameter.vue
index 701f73b512c..2d6075b6396 100644
--- a/packages/vue/test/base/src/views/Tab1Parameter.vue
+++ b/packages/vue/test/base/src/views/tabs/Tab1Parameter.vue
@@ -2,7 +2,7 @@
   <ion-page :data-pageid="'tab1' + $props.id">
     <ion-header>
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>Tab 1 Child {{ $props.id }}</ion-title>
diff --git a/packages/vue/test/base/src/views/Tab2.vue b/packages/vue/test/base/src/views/tabs/Tab2.vue
similarity index 96%
rename from packages/vue/test/base/src/views/Tab2.vue
rename to packages/vue/test/base/src/views/tabs/Tab2.vue
index 25bfbcac4df..35976fa5e7a 100644
--- a/packages/vue/test/base/src/views/Tab2.vue
+++ b/packages/vue/test/base/src/views/tabs/Tab2.vue
@@ -2,7 +2,7 @@
   <ion-page data-pageid="tab2">
     <ion-header>
       <ion-toolbar>
-        <ion-buttons>
+        <ion-buttons slot="start">
           <ion-back-button default-href="/"></ion-back-button>
         </ion-buttons>
         <ion-title>Tab 2</ion-title>
diff --git a/packages/vue/test/base/src/views/Tab3.vue b/packages/vue/test/base/src/views/tabs/Tab3.vue
similarity index 100%
rename from packages/vue/test/base/src/views/Tab3.vue
rename to packages/vue/test/base/src/views/tabs/Tab3.vue
diff --git a/packages/vue/test/base/src/views/Tab4.vue b/packages/vue/test/base/src/views/tabs/Tab4.vue
similarity index 100%
rename from packages/vue/test/base/src/views/Tab4.vue
rename to packages/vue/test/base/src/views/tabs/Tab4.vue
diff --git a/packages/vue/test/base/src/views/Tabs.vue b/packages/vue/test/base/src/views/tabs/Tabs.vue
similarity index 98%
rename from packages/vue/test/base/src/views/Tabs.vue
rename to packages/vue/test/base/src/views/tabs/Tabs.vue
index 03c9c93c74a..359cb61963d 100644
--- a/packages/vue/test/base/src/views/Tabs.vue
+++ b/packages/vue/test/base/src/views/tabs/Tabs.vue
@@ -37,7 +37,7 @@ export default defineComponent({
     ])
     const router = useRouter();
     const addTab = () => {
-      router.addRoute({ path: '/tabs/tab4', component: () => import('@/views/Tab4.vue') });
+      router.addRoute({ path: '/tabs/tab4', component: () => import('@/views/tabs/Tab4.vue') });
       tabs.value = [
         ...tabs.value,
         {
diff --git a/packages/vue/test/base/tests/e2e/specs/routing.cy.js b/packages/vue/test/base/tests/e2e/specs/routing.cy.js
index 289df4c55a9..90f9cbac983 100644
--- a/packages/vue/test/base/tests/e2e/specs/routing.cy.js
+++ b/packages/vue/test/base/tests/e2e/specs/routing.cy.js
@@ -2,7 +2,7 @@ describe('Routing', () => {
   it('should go to sibling page', () => {
     cy.visit('/');
     cy.ionPageVisible('home');
-    cy.get('ion-item#routing').click();
+    cy.get('ion-item#routing').click({ force: true });
 
     cy.ionPageVisible('routing');
     cy.ionPageHidden('home');
@@ -18,7 +18,7 @@ describe('Routing', () => {
   it('should go back home', () => {
     cy.visit('/');
     cy.ionPageVisible('home');
-    cy.get('ion-item#routing').click();
+    cy.get('ion-item#routing').click({ force: true });
 
     cy.ionBackClick('routing');
 
@@ -40,7 +40,7 @@ describe('Routing', () => {
     cy.visit('/');
     cy.ionPageVisible('home');
 
-    cy.get('#routing').click();
+    cy.get('#routing').click({ force: true });
     cy.get('#child').click();
 
     cy.ionBackClick('routingchild');
@@ -539,7 +539,7 @@ describe('Routing - Swipe to Go Back', () => {
     cy.viewport(320, 568);
     cy.visit('?ionic:mode=ios');
     cy.ionPageVisible('home');
-    cy.get('#routing').click();
+    cy.get('#routing').click({ force: true });
     cy.ionPageHidden('home');
     cy.ionPageVisible('routing')
   });
diff --git a/packages/vue/test/base/tests/e2e/specs/tabs.cy.js b/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
index b2c2ee6666c..2b6cb15790f 100644
--- a/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
+++ b/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
@@ -125,14 +125,14 @@ describe('Tabs', () => {
       cy.visit('/')
       cy.ionPageVisible('home');
 
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageVisible('tab1');
       cy.ionPageHidden('home');
 
       cy.ionBackClick('tab1');
       cy.ionPageDoesNotExist('tabs');
 
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageVisible('tab1');
       cy.ionPageHidden('home');
 
@@ -144,7 +144,7 @@ describe('Tabs', () => {
       cy.visit('/');
       cy.ionPageVisible('home');
 
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageVisible('tab1');
 
       cy.get('ion-tab-button#tab-button-tab2').click();
@@ -159,7 +159,7 @@ describe('Tabs', () => {
       cy.visit('/');
       cy.ionPageVisible('home');
 
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageVisible('tab1');
 
       cy.get('ion-tab-button#tab-button-tab2').click();
@@ -169,7 +169,7 @@ describe('Tabs', () => {
       cy.ionPageVisible('home')
       cy.ionPageDoesNotExist('tabs');
 
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageVisible('tab1');
 
       cy.get('ion-tab-button#tab-button-tab2').click();
@@ -639,7 +639,7 @@ describe('Tabs', () => {
       cy.viewport(320, 568);
       cy.visit('?ionic:mode=ios');
       cy.ionPageVisible('home');
-      cy.get('#tabs').click();
+      cy.get('#tabs').click({ force: true });
       cy.ionPageHidden('home');
       cy.ionPageVisible('tab1')
     });
diff --git a/packages/vue/test/base/vite.config.js b/packages/vue/test/base/vite.config.js
index 28059a967d9..5c3d73c2b2d 100644
--- a/packages/vue/test/base/vite.config.js
+++ b/packages/vue/test/base/vite.config.js
@@ -20,5 +20,8 @@ export default defineConfig({
   // Preview applies to "vite preview" command
   preview: {
     port: 8080
+  },
+  define: {
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false'
   }
 })

From 8b0769ce7518644fa32079870299ddbd5923e4e3 Mon Sep 17 00:00:00 2001
From: Brandy Smith <brandyscarney@users.noreply.github.com>
Date: Mon, 11 Aug 2025 12:50:12 -0400
Subject: [PATCH 03/11] chore(github): update archive to include proxies
 (#30623)

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
---
 .github/workflows/actions/build-core/action.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/actions/build-core/action.yml b/.github/workflows/actions/build-core/action.yml
index 28006742feb..88d9b59efec 100644
--- a/.github/workflows/actions/build-core/action.yml
+++ b/.github/workflows/actions/build-core/action.yml
@@ -31,4 +31,6 @@ runs:
       with:
         name: ionic-core
         output: core/CoreBuild.zip
-        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/api.txt
+        # Include generated proxy files from Stencil output targets so
+        # framework builds can detect when they need to be updated
+        paths: core/dist core/components core/css core/hydrate core/loader core/src/components.d.ts core/api.txt packages/angular/src/directives/proxies.ts packages/angular/src/directives/proxies-list.ts packages/angular/standalone/src/directives/proxies.ts packages/vue/src/proxies.ts packages/react/src/components/proxies.ts packages/react/src/components/inner-proxies.ts packages/react/src/components/routing-proxies.ts

From e5ed8a10edcd930ec3284b62e3851ebcf6d52e2c Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 12 Aug 2025 11:03:46 -0400
Subject: [PATCH 04/11] chore(deps): update actions/checkout action to v5
 (#30624)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [actions/checkout](https://redirect.github.com/actions/checkout) |
action | major | `v4` -> `v5` |

---

### Release Notes

<details>
<summary>actions/checkout (actions/checkout)</summary>

### [`v5`](https://redirect.github.com/actions/checkout/compare/v4...v5)

[Compare
Source](https://redirect.github.com/actions/checkout/compare/v4...v5)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS42MC40IiwidXBkYXRlZEluVmVyIjoiNDEuNjAuNCIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .../build-core-stencil-prerelease/action.yml  |  2 +-
 .../workflows/actions/build-core/action.yml   |  2 +-
 .github/workflows/build.yml                   | 30 +++++++++----------
 .github/workflows/codeql-analysis.yml         |  2 +-
 .github/workflows/dev-build.yml               |  2 +-
 .github/workflows/nightly.yml                 |  2 +-
 .github/workflows/release-ionic.yml           | 16 +++++-----
 .github/workflows/release.yml                 |  4 +--
 .github/workflows/stencil-nightly.yml         | 30 +++++++++----------
 .github/workflows/update-screenshots.yml      |  6 ++--
 10 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/.github/workflows/actions/build-core-stencil-prerelease/action.yml b/.github/workflows/actions/build-core-stencil-prerelease/action.yml
index de2a0ee98c5..d35a2914bdc 100644
--- a/.github/workflows/actions/build-core-stencil-prerelease/action.yml
+++ b/.github/workflows/actions/build-core-stencil-prerelease/action.yml
@@ -8,7 +8,7 @@ inputs:
 runs:
   using: 'composite'
   steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: actions/setup-node@v4
       with:
         node-version: 22.x
diff --git a/.github/workflows/actions/build-core/action.yml b/.github/workflows/actions/build-core/action.yml
index 88d9b59efec..5d036175a10 100644
--- a/.github/workflows/actions/build-core/action.yml
+++ b/.github/workflows/actions/build-core/action.yml
@@ -8,7 +8,7 @@ inputs:
 runs:
   using: 'composite'
   steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: actions/setup-node@v4
       with:
         node-version: 22.x
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 1a34ce912eb..4800023a635 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -22,7 +22,7 @@ jobs:
   build-core:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/build-core
         with:
           ionicons-version: ${{ inputs.ionicons_npm_release_tag }}
@@ -31,21 +31,21 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-clean-build
 
   test-core-lint:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-lint
 
   test-core-spec:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-spec
 
   test-core-screenshot:
@@ -62,7 +62,7 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-screenshot
         with:
           shard: ${{ matrix.shard }}
@@ -90,14 +90,14 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-vue
 
   build-vue-router:
     needs: [build-vue]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-vue-router
 
   test-vue-e2e:
@@ -108,7 +108,7 @@ jobs:
     needs: [build-vue, build-vue-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-vue-e2e
       with:
         app: ${{ matrix.apps }}
@@ -126,14 +126,14 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-angular
 
   build-angular-server:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-angular-server
 
   test-angular-e2e:
@@ -144,7 +144,7 @@ jobs:
     needs: [build-angular, build-angular-server]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-angular-e2e
       with:
         app: ${{ matrix.apps }}
@@ -162,14 +162,14 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-react
 
   build-react-router:
     needs: [build-react]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-react-router
 
   test-react-router-e2e:
@@ -180,7 +180,7 @@ jobs:
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-react-router-e2e
       with:
         app: ${{ matrix.apps }}
@@ -202,7 +202,7 @@ jobs:
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-react-e2e
       with:
         app: ${{ matrix.apps }}
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
index fbb39d4d5d6..6ac78c8dc83 100644
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -14,7 +14,7 @@ jobs:
     permissions:
       security-events: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: github/codeql-action/init@v3
         with:
           languages: javascript
diff --git a/.github/workflows/dev-build.yml b/.github/workflows/dev-build.yml
index 48dc911c622..20746438552 100644
--- a/.github/workflows/dev-build.yml
+++ b/.github/workflows/dev-build.yml
@@ -9,7 +9,7 @@ jobs:
     outputs:
       dev-hash: ${{ steps.create-dev-hash.outputs.DEV_HASH }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       # A 1 is required before the timestamp
       # as lerna will fail when there is a leading 0
       # See https://github.com/lerna/lerna/issues/2840
diff --git a/.github/workflows/nightly.yml b/.github/workflows/nightly.yml
index 6f812a02f6c..a0f75e0db6a 100644
--- a/.github/workflows/nightly.yml
+++ b/.github/workflows/nightly.yml
@@ -12,7 +12,7 @@ jobs:
     outputs:
       nightly-hash: ${{ steps.create-nightly-hash.outputs.NIGHTLY_HASH }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       # A 1 is required before the timestamp
       # as lerna will fail when there is a leading 0
       # See https://github.com/lerna/lerna/issues/2840
diff --git a/.github/workflows/release-ionic.yml b/.github/workflows/release-ionic.yml
index 4be91285a4a..16baa3384c0 100644
--- a/.github/workflows/release-ionic.yml
+++ b/.github/workflows/release-ionic.yml
@@ -22,7 +22,7 @@ jobs:
   release-core:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/publish-npm
       with:
         scope: '@ionic/core'
@@ -48,7 +48,7 @@ jobs:
     needs: [release-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/docs built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -68,7 +68,7 @@ jobs:
     needs: [release-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -95,7 +95,7 @@ jobs:
     needs: [release-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -121,7 +121,7 @@ jobs:
     needs: [release-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -147,7 +147,7 @@ jobs:
     needs: [release-core]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -168,7 +168,7 @@ jobs:
     needs: [release-react]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
@@ -194,7 +194,7 @@ jobs:
     needs: [release-vue]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Restore @ionic/core built cache
       uses: ./.github/workflows/actions/download-archive
       with:
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index e5cc26855be..084c8af3077 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -48,7 +48,7 @@ jobs:
     needs: [release-ionic]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
       with:
         token: ${{ secrets.IONITRON_TOKEN }}
         fetch-depth: 0
@@ -76,7 +76,7 @@ jobs:
     needs: [finalize-release]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         # Pull the latest version of the reference
         # branch instead of the revision that triggered
         # the workflow otherwise we won't get the commit
diff --git a/.github/workflows/stencil-nightly.yml b/.github/workflows/stencil-nightly.yml
index 7c085f1b848..6b24a9d69bb 100644
--- a/.github/workflows/stencil-nightly.yml
+++ b/.github/workflows/stencil-nightly.yml
@@ -26,7 +26,7 @@ jobs:
   build-core-with-stencil-nightly:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/build-core-stencil-prerelease
         with:
           stencil-version: ${{ inputs.npm_release_tag || 'nightly' }}
@@ -35,21 +35,21 @@ jobs:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-clean-build
 
   test-core-lint:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-lint
 
   test-core-spec:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-spec
         with:
           stencil-version: ${{ inputs.npm_release_tag || 'nightly' }}
@@ -72,7 +72,7 @@ jobs:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-screenshot
         with:
           shard: ${{ matrix.shard }}
@@ -100,14 +100,14 @@ jobs:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-vue
 
   build-vue-router:
     needs: [build-vue]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-vue-router
 
   test-vue-e2e:
@@ -118,7 +118,7 @@ jobs:
     needs: [build-vue, build-vue-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-vue-e2e
       with:
         app: ${{ matrix.apps }}
@@ -136,14 +136,14 @@ jobs:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-angular
 
   build-angular-server:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-angular-server
 
   test-angular-e2e:
@@ -154,7 +154,7 @@ jobs:
     needs: [build-angular, build-angular-server]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-angular-e2e
       with:
         app: ${{ matrix.apps }}
@@ -172,14 +172,14 @@ jobs:
     needs: [build-core-with-stencil-nightly]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-react
 
   build-react-router:
     needs: [build-react]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/build-react-router
 
   test-react-router-e2e:
@@ -190,7 +190,7 @@ jobs:
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-react-router-e2e
       with:
         app: ${{ matrix.apps }}
@@ -212,7 +212,7 @@ jobs:
     needs: [build-react, build-react-router]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - uses: ./.github/workflows/actions/test-react-e2e
       with:
         app: ${{ matrix.apps }}
diff --git a/.github/workflows/update-screenshots.yml b/.github/workflows/update-screenshots.yml
index 5bb35c5905a..ef5dcf31347 100644
--- a/.github/workflows/update-screenshots.yml
+++ b/.github/workflows/update-screenshots.yml
@@ -26,7 +26,7 @@ jobs:
   build-core:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/build-core
 
   test-core-screenshot:
@@ -47,7 +47,7 @@ jobs:
     needs: [build-core]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - uses: ./.github/workflows/actions/test-core-screenshot
         with:
           shard: ${{ matrix.shard }}
@@ -59,7 +59,7 @@ jobs:
     runs-on: ubuntu-latest
     needs: [test-core-screenshot]
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
         # Normally, we could just push with the
         # default GITHUB_TOKEN, but that will
         # not cause the build workflow

From ed13318209deb75bfc72e3d5e5b1fb01bebfce7a Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 15 Aug 2025 10:55:09 -0400
Subject: [PATCH 05/11] chore(deps): update amannn/action-semantic-pull-request
 action to v6 (#30630)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
|
[amannn/action-semantic-pull-request](https://redirect.github.com/amannn/action-semantic-pull-request)
| action | major | `v5` -> `v6` |

---

### Release Notes

<details>
<summary>amannn/action-semantic-pull-request
(amannn/action-semantic-pull-request)</summary>

###
[`v6`](https://redirect.github.com/amannn/action-semantic-pull-request/compare/v5...v6)

[Compare
Source](https://redirect.github.com/amannn/action-semantic-pull-request/compare/v5...v6)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS42Ni4yIiwidXBkYXRlZEluVmVyIjoiNDEuNjYuMiIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .github/workflows/conventional-commit.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/conventional-commit.yml b/.github/workflows/conventional-commit.yml
index f044cbd1db0..8c0bbdebb37 100644
--- a/.github/workflows/conventional-commit.yml
+++ b/.github/workflows/conventional-commit.yml
@@ -12,7 +12,7 @@ jobs:
         if: |
           !contains(github.event.pull_request.title, 'release') &&
           !contains(github.event.pull_request.title, 'chore')
-        uses: amannn/action-semantic-pull-request@v5
+        uses: amannn/action-semantic-pull-request@v6
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:

From e9e6605862a05a46d26c26a144ed1cf22133a2b7 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Mon, 18 Aug 2025 07:15:20 -0700
Subject: [PATCH 06/11] fix(checkbox): add aria attributes to ignore checkbox
 icon (#30633)

Issue number: resolves #30231

---------

<!-- 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?
<!-- Please describe the current behavior that you are modifying. -->

Currently, if you're using voiceover on Chrome or Firefox, you can
navigate the checkbox in such a way that it announces the checkbox
image, which provides no context to what you're actually selecting.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

With this change, you can no longer select the checkbox image.

## 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.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->


[Screen](https://ionic-framework-git-ionic-56-ionic1.vercel.app/src/components/checkbox/test/basic)

---------

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 4a9132665fd..00a9de5c7cf 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -328,7 +328,7 @@ export class Checkbox implements ComponentInterface {
             {this.renderHintText()}
           </div>
           <div class="native-wrapper">
-            <svg class="checkbox-icon" viewBox="0 0 24 24" part="container">
+            <svg class="checkbox-icon" viewBox="0 0 24 24" part="container" aria-hidden="true">
               {path}
             </svg>
           </div>

From aadf06c493a70ff9d3971e1075b2a260e05ef8b3 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 18 Aug 2025 10:24:45 -0400
Subject: [PATCH 07/11] chore(deps): update dependency chalk to v5.6.0 (#30637)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR contains the following updates:

| Package | Change | Age | Confidence |
|---|---|---|---|
| [chalk](https://redirect.github.com/chalk/chalk) | [`5.5.0` ->
`5.6.0`](https://renovatebot.com/diffs/npm/chalk/5.5.0/5.6.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/chalk/5.6.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/chalk/5.5.0/5.6.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>chalk/chalk (chalk)</summary>

###
[`v5.6.0`](https://redirect.github.com/chalk/chalk/releases/tag/v5.6.0)

[Compare
Source](https://redirect.github.com/chalk/chalk/compare/v5.5.0...v5.6.0)

- Make WezTerm terminal use true color
[`a8f5bf7`](https://redirect.github.com/chalk/chalk/commit/a8f5bf7)

***

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS43MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuNzEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 core/package-lock.json | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index 1fd9f61c2c9..7e052c54e9b 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -3474,9 +3474,9 @@
       ]
     },
     "node_modules/chalk": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.5.0.tgz",
-      "integrity": "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz",
+      "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==",
       "dev": true,
       "engines": {
         "node": "^12.17.0 || ^14.13 || >=16.0.0"
@@ -13076,9 +13076,9 @@
       "dev": true
     },
     "chalk": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.5.0.tgz",
-      "integrity": "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz",
+      "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==",
       "dev": true
     },
     "chalk-template": {

From 1899b49d252abc6003f763cea8db2a51efa941ec Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Mon, 18 Aug 2025 12:59:57 -0700
Subject: [PATCH 08/11] fix(refresher): prevent focus-related scroll jumps on
 refresh (#30636)

Issue number: resolves #

---------

<!-- 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?
<!-- Please describe the current behavior that you are modifying. -->

Currently, if you focus on something and then refresh with a refresher,
the browser will try to scroll to what's focused after refreshing. This
can be an unexpected and disrupting user experience.



https://github.com/user-attachments/assets/3ef5999d-d104-422a-a6a9-4f478912f48a


## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

With these changes, we blur the active element to prevent the browser
from trying to scroll back to something off screen after refreshing.

Also, I did try to create regression tests for this, but playwright
actually doesn't currently seem to make it possible as far as I can tell
- that's actually what I spent most of my time on this issue trying to
do. Looks like the only way to trigger the refresher with playwright
uses mouse click events, which inherently blurs the active element. You
need to use cursor events for this to work, because cursor events do not
cause a blur on the active element.


https://github.com/user-attachments/assets/bd1a3bfc-9b48-4b3f-b8dc-6959eefc9107


## 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.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

**Current dev build:**
```
8.7.3-dev.11755285796.12743331
```
---
 core/src/components/refresher/refresher.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/core/src/components/refresher/refresher.tsx b/core/src/components/refresher/refresher.tsx
index 8d016873086..77f72f1a68b 100644
--- a/core/src/components/refresher/refresher.tsx
+++ b/core/src/components/refresher/refresher.tsx
@@ -253,6 +253,15 @@ export class Refresher implements ComponentInterface {
             this.didRefresh = true;
             hapticImpact({ style: ImpactStyle.Light });
 
+            /**
+             * Clear focus from any active element to prevent scroll jumps
+             * when the refresh completes
+             */
+            const activeElement = document.activeElement as HTMLElement;
+            if (activeElement?.blur !== undefined) {
+              activeElement.blur();
+            }
+
             /**
              * Translate the content element otherwise when pointer is removed
              * from screen the scroll content will bounce back over the refresher
@@ -733,6 +742,16 @@ export class Refresher implements ComponentInterface {
     // place the content in a hangout position while it thinks
     this.setCss(this.pullMin, this.snapbackDuration, true, '');
 
+    /**
+     * Clear focus from any active element to prevent the browser
+     * from restoring focus and causing scroll jumps after refresh.
+     * This ensures the view stays at the top after refresh completes.
+     */
+    const activeElement = document.activeElement as HTMLElement;
+    if (activeElement?.blur !== undefined) {
+      activeElement.blur();
+    }
+
     // emit "refresh" because it was pulled down far enough
     // and they let go to begin refreshing
     this.ionRefresh.emit({

From 92ad4ca5113150070d15f7d42efdaa3de08405df Mon Sep 17 00:00:00 2001
From: Brandy Smith <brandyscarney@users.noreply.github.com>
Date: Tue, 19 Aug 2025 14:09:39 -0400
Subject: [PATCH 09/11] chore(bot): remove labels that move issues (#30639)

The issue bot has several labels to move issues to other repositories.
This is no longer needed as you can move issues using the Github
interface now:

<img width="1898" height="592" alt="CleanShot 2025-08-19 at 12 28 08@2x"
src="https://github.com/user-attachments/assets/0bbe4c40-525d-4834-98d1-f694a346b5cb"
/>
---
 .github/ionic-issue-bot.yml | 67 -------------------------------------
 1 file changed, 67 deletions(-)

diff --git a/.github/ionic-issue-bot.yml b/.github/ionic-issue-bot.yml
index 25fab64cb6e..c1e02a5f068 100644
--- a/.github/ionic-issue-bot.yml
+++ b/.github/ionic-issue-bot.yml
@@ -56,14 +56,6 @@ closeAndLock:
         bug reports and feature requests. Please use our [forum](https://forum.ionicframework.com) for questions about the framework.
 
 
-        Thank you for using Ionic!
-    - label: "ionitron: appflow"
-      message: >
-        Thanks for the issue! This issue appears to be related to Ionic Appflow. We use this issue tracker exclusively for
-        bug reports and feature requests. Please use the [Ionic Appflow Support Forum](https://ionic.zendesk.com/hc/en-us/requests/new)
-        to report this issue.
-
-
         Thank you for using Ionic!
     - label: "ionitron: missing template"
       message: >
@@ -145,65 +137,6 @@ noReproduction:
   lock: true
   dryRun: false
 
-wrongRepo:
-  repos:
-    - label: "ionitron: capacitor"
-      repo: capacitor
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with Capacitor.
-        I am moving this issue to the Capacitor repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-    - label: "ionitron: v3"
-      repo: ionic-v3
-      message: >
-        Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository.
-        I am moving this issue to the repository for Ionic 3. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-    - label: "ionitron: cli"
-      repo: ionic-cli
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with the Ionic CLI.
-        I am moving this issue to the Ionic CLI repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-    - label: "ionitron: docs"
-      repo: ionic-docs
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with the Ionic Documentation.
-        I am moving this issue to the Ionic Docs repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-    - label: "ionitron: stencil"
-      repo: stencil
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with Stencil.
-        I am moving this issue to the Stencil repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-    - label: "ionitron: native"
-      repo: ionic-native
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with Ionic Native.
-        I am moving this issue to the Ionic Native repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
-  close: true
-  lock: true
-  dryRun: false
-
 screenshot:
   appId: 18001
   checkName: "build"

From ac6968cc10b4926f7c09bc98b874e3d1779cbd99 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 20 Aug 2025 18:36:46 +0000
Subject: [PATCH 10/11] v8.7.3

---
 CHANGELOG.md                              | 12 ++++++++++++
 core/CHANGELOG.md                         | 12 ++++++++++++
 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, 125 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0ba2f3e326c..b64870b5647 100644
--- 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.
 
+## [8.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+
+### Bug Fixes
+
+* **checkbox:** add aria attributes to ignore checkbox icon ([#30633](https://github.com/ionic-team/ionic-framework/issues/30633)) ([e9e6605](https://github.com/ionic-team/ionic-framework/commit/e9e6605862a05a46d26c26a144ed1cf22133a2b7)), closes [#30231](https://github.com/ionic-team/ionic-framework/issues/30231)
+* **refresher:** prevent focus-related scroll jumps on refresh ([#30636](https://github.com/ionic-team/ionic-framework/issues/30636)) ([1899b49](https://github.com/ionic-team/ionic-framework/commit/1899b49d252abc6003f763cea8db2a51efa941ec))
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index ebbd0421168..c9a3f00a20a 100644
--- 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.
 
+## [8.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+
+### Bug Fixes
+
+* **checkbox:** add aria attributes to ignore checkbox icon ([#30633](https://github.com/ionic-team/ionic-framework/issues/30633)) ([e9e6605](https://github.com/ionic-team/ionic-framework/commit/e9e6605862a05a46d26c26a144ed1cf22133a2b7)), closes [#30231](https://github.com/ionic-team/ionic-framework/issues/30231)
+* **refresher:** prevent focus-related scroll jumps on refresh ([#30636](https://github.com/ionic-team/ionic-framework/issues/30636)) ([1899b49](https://github.com/ionic-team/ionic-framework/commit/1899b49d252abc6003f763cea8db2a51efa941ec))
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 
diff --git a/core/package-lock.json b/core/package-lock.json
index 7e052c54e9b..29e9d782da2 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -18338,4 +18338,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index 7a09435adbe..c68174795bb 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
diff --git a/lerna.json b/lerna.json
index 016db8f44e2..d1d3184fc65 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.7.2"
+  "version": "8.7.3"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index b6d17194244..0f669b46907 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 **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 8296ea7303b..c74d35fcc16 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.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.7.2"
+        "@ionic/core": "^8.7.3"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -11286,4 +11286,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index 490fd8a5f05..4dee966fd96 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.7.2"
+    "@ionic/core": "^8.7.3"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index fac4b495964..eccd3ceee47 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index cf815478095..945dbfe1ebf 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.7.2",
+        "@ionic/core": "^8.7.3",
         "ionicons": "^8.0.13",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -9079,4 +9079,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
index f0cecaef818..2159739c080 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.7.2",
+    "@ionic/core": "^8.7.3",
     "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 ad46062a629..c79dd5233ae 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index bf26940a264..6d9f0c72f72 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index e9869568b07..fd63d2f88fe 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "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 c21fba5c9c2..e5273839847 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 **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 54224f8442a..3aa8ab7dc7c 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.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.7.2",
+        "@ionic/react": "^8.7.3",
         "tslib": "*"
       },
       "devDependencies": {
@@ -6844,4 +6844,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 785a5041b99..22ce42f2f25 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.7.2",
+    "@ionic/react": "^8.7.3",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index b1f7ddc104b..22d35736739 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 42eaaad725c..1ea1768df98 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.7.2",
+        "@ionic/core": "^8.7.3",
         "ionicons": "^8.0.13",
         "tslib": "*"
       },
@@ -11913,4 +11913,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index dd7c4e99723..0305d6cc985 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.7.2",
+    "@ionic/core": "^8.7.3",
     "ionicons": "^8.0.13",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index 930f662c41e..3ab4a326c60 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 **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 44e4d749f71..207a1b367bb 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.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.7.2"
+        "@ionic/vue": "^8.7.3"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -12991,4 +12991,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index 32ab0f27ade..4067447cfd1 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "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.7.2"
+    "@ionic/vue": "^8.7.3"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index f328b2ad4f3..8ce75efd757 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.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [8.7.2](https://github.com/ionic-team/ionic-framework/compare/v8.7.1...v8.7.2) (2025-08-06)
 
 
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index e2e51f5ac06..d9f63446d21 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.7.2",
+      "version": "8.7.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.7.2",
+        "@ionic/core": "^8.7.3",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       },
@@ -4019,4 +4019,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 693383ebfce..756c62aa0e0 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.7.2",
+  "version": "8.7.3",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -67,7 +67,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.7.2",
+    "@ionic/core": "^8.7.3",
     "@stencil/vue-output-target": "0.10.7",
     "ionicons": "^8.0.13"
   },

From b57a7c1d4956454037658722464449c160649e37 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 20 Aug 2025 18:37:37 +0000
Subject: [PATCH 11/11] 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 29e9d782da2..00a7610f794 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -18338,4 +18338,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index c74d35fcc16..bdf063c7256 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -7306,9 +7306,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "requires": {
         "@stencil/core": "4.36.2",
         "ionicons": "^8.0.13",
@@ -11286,4 +11286,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 945dbfe1ebf..058deef6ce4 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -9079,4 +9079,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 6d9f0c72f72..3024fac5486 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 3aa8ab7dc7c..b72f19a9d82 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -415,12 +415,12 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.7.2.tgz",
-      "integrity": "sha512-HEKZvbrM7O9pjPtrWH48uarm+O84pVbjfc8aSU/PTG4cE+TbYhSW9xMqIAUEpIUxb56bB1B189uDfPI5zBc7Bg==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.7.3.tgz",
+      "integrity": "sha512-ArByomMeBNI1HpvfYc6E5E76wO2agg87LxLaNI13PYTb1UpFTw6vf7P+lU+cQc9roaC48KQwV0Ndyd3XmkkyfA==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.7.2",
+        "@ionic/core": "8.7.3",
         "ionicons": "^8.0.13",
         "tslib": "*"
       },
@@ -4175,9 +4175,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "requires": {
         "@stencil/core": "4.36.2",
         "ionicons": "^8.0.13",
@@ -4281,11 +4281,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.7.2.tgz",
-      "integrity": "sha512-HEKZvbrM7O9pjPtrWH48uarm+O84pVbjfc8aSU/PTG4cE+TbYhSW9xMqIAUEpIUxb56bB1B189uDfPI5zBc7Bg==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.7.3.tgz",
+      "integrity": "sha512-ArByomMeBNI1HpvfYc6E5E76wO2agg87LxLaNI13PYTb1UpFTw6vf7P+lU+cQc9roaC48KQwV0Ndyd3XmkkyfA==",
       "requires": {
-        "@ionic/core": "8.7.2",
+        "@ionic/core": "8.7.3",
         "ionicons": "^8.0.13",
         "tslib": "*"
       }
@@ -6844,4 +6844,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 1ea1768df98..474323ba379 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -11913,4 +11913,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 207a1b367bb..4032fc41199 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -865,12 +865,12 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.7.2.tgz",
-      "integrity": "sha512-5sOMt15X4DRHbIyrotv8FyUK8805V7ePJ36Hx0IS8Grv5PXySg+G0cN/bYHR+eg3Oc525ldkBlaM/cYwu1GOzQ==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.7.3.tgz",
+      "integrity": "sha512-QMtlV+hIz8icO7eYwQrK4mN0CqySXKllot6BeJXPBFVaK9la0TY6tUaxtSxpz22wYj4jVVF7MRn6HZ0RCfUJJQ==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.7.2",
+        "@ionic/core": "8.7.3",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       }
@@ -8041,9 +8041,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "requires": {
         "@stencil/core": "4.36.2",
         "ionicons": "^8.0.13",
@@ -8156,11 +8156,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.7.2.tgz",
-      "integrity": "sha512-5sOMt15X4DRHbIyrotv8FyUK8805V7ePJ36Hx0IS8Grv5PXySg+G0cN/bYHR+eg3Oc525ldkBlaM/cYwu1GOzQ==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.7.3.tgz",
+      "integrity": "sha512-QMtlV+hIz8icO7eYwQrK4mN0CqySXKllot6BeJXPBFVaK9la0TY6tUaxtSxpz22wYj4jVVF7MRn6HZ0RCfUJJQ==",
       "requires": {
-        "@ionic/core": "8.7.2",
+        "@ionic/core": "8.7.3",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^8.0.13"
       }
@@ -12991,4 +12991,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index d9f63446d21..47c18f02190 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.7.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.2.tgz",
-      "integrity": "sha512-u1xTJHltvcwiHkwGowQ/uywiUmvszNeR4mXT5JSp1RH6npe8e9doIY9KSzKRrzpWu1T+H0bUwGbhaYg/I/poRA==",
+      "version": "8.7.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.7.3.tgz",
+      "integrity": "sha512-KdyMxpMDQj+uqpztpK6yvN/T96hqcDiGXQ4T+aAZ+LW3wV3+0it6/rbh9C1B/wCl4Isnm4IRltPabgEfNJ50nw==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.36.2",
@@ -4019,4 +4019,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}