From 7294e969bb913692eaf28e54860614f445132713 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Tue, 22 Oct 2024 08:07:36 -0700
Subject: [PATCH 01/14] fix(backdrop): remove tabindex for improved
 accessibility (#29956)

Issue number: resolves #29773

---------

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

Certain Chrome and Edge versions (confirmed: Chrome v127 and Edge v127)
would indicate that the backdrop has an accessibility violation:

```
Blocked aria-hidden on a <ion-backdrop> element because the element that just received
focus must not be hidden from assistive technology users. Avoid using aria-hidden on a
focused element or its ancestor. Consider using the inert attribute instead, which will also
prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at
```

The error is happening because `tabindex` and `aria-hidden` are being
passed to `ion-backdrop`. The `tabindex` attribute is used to make an
element focusable, regardless of value. When `aria-hidden` is applied to
an element, then the element is hidden from screen readers. This
violates the accessibility standards since `ion-backdrop` would be
considered a focusable element but not visible to screen readers.

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

- Removed `tabindex`, this aligns with frameworks known for
accessibility (Chakra UI)

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

Dev build: `8.3.4-dev.11729533091.1ac77a0c`

How to test:

1. Use either Chrome v127 or Edge v127
2. Navigate to the [alert basic
page](https://ionic-framework-3pvgcj4b9-ionic1.vercel.app/src/components/alert/test/basic)
from the `main` branch
3. Open browser console
4. Click on the first button on the alert page
5. Click on the backdrop
6. Notice the error message in the browser console (if you don't see it,
then use a private browser or clear cache)
7. Navigate to the [alert basic
page](https://ionic-framework-git-rou-11175-ionic1.vercel.app/src/components/alert/test/basic)
from the `ROU-11175` branch
8. Repeat steps 2-6
9. Verify that the error does not appear
---
 core/src/components/backdrop/backdrop.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/core/src/components/backdrop/backdrop.tsx b/core/src/components/backdrop/backdrop.tsx
index 7d85b485cc0..9468f02526c 100644
--- a/core/src/components/backdrop/backdrop.tsx
+++ b/core/src/components/backdrop/backdrop.tsx
@@ -51,7 +51,6 @@ export class Backdrop implements ComponentInterface {
     const mode = getIonMode(this);
     return (
       <Host
-        tabindex="-1"
         aria-hidden="true"
         class={{
           [mode]: true,

From 47ba703a57d1ca506f943f6b790d0bf7583d79cb Mon Sep 17 00:00:00 2001
From: Ehsan Barooni <66495214+ebarooni@users.noreply.github.com>
Date: Tue, 22 Oct 2024 17:43:35 +0200
Subject: [PATCH 02/14] fix(angular): add missing 'compareWith' input to
 standalone ion-radio-group (#29870)

Issue number: resolves #29826

---------

## What is the current behavior?

When using `compareWith` on `ion-radio-group` in Ionic Angular
Standalone the following error is thrown:

```
NG8002: Can't bind to 'compareWith' since it isn't a known property of 'ion-radio-group'.
```

## What is the new behavior?

- `compareWith` on `ion-radio-group` in Angular Standalone is available

## Does this introduce a breaking change?

- [ ] Yes
- [x] No
---
 packages/angular/standalone/src/directives/radio-group.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/angular/standalone/src/directives/radio-group.ts b/packages/angular/standalone/src/directives/radio-group.ts
index ecde568d444..925f48182b9 100644
--- a/packages/angular/standalone/src/directives/radio-group.ts
+++ b/packages/angular/standalone/src/directives/radio-group.ts
@@ -16,7 +16,7 @@ import { defineCustomElement } from '@ionic/core/components/ion-radio-group.js';
 
 import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
 
-const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'name', 'value'];
+const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'compareWith', 'name', 'value'];
 
 /**
  * Pulling the provider into an object and using PURE  works

From e32fbe02102fe80db29f73c26496a40852032354 Mon Sep 17 00:00:00 2001
From: Bentley O'Kane-Chase <bentleyo@gmail.com>
Date: Wed, 23 Oct 2024 06:31:23 +1000
Subject: [PATCH 03/14] fix(vue): incorrect view rendered when using
 router.go(-n) (#29877)

resolves #28201

This PR fixes the navigation issue related to `router.go` that was
identified in issue #28201. After working on this issue I realised that
@xxllxhdj has already created a PR for this in #29847. While their fix
is great, I have added tests to replicate the issue, reused existing
code and `undefined` will be returned in unexpected situations - which
matches the existing functionality.

## What is the current behavior?

If a user navigates from `/home` -> `/pageA` -> `/pageB` -> `/pageC` ->
back to `/pageB` -> then `router.go(-2)` is called the URL will be
updated to `/home` correctly, but the app will try to render `/pageA`.

This happens for any delta < -1.

## What is the new behavior?

The app will correctly render `/pageA`, which matches the URL.

## Does this introduce a breaking change?

- [ ] Yes
- [X] No

---------

Co-authored-by: xxllxhdj <12881488+xxllxhdj@users.noreply.github.com>
---
 .../__tests__/locationHistory.spec.ts         | 21 +++++++++++++++++++
 packages/vue-router/src/locationHistory.ts    | 14 +++++--------
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/packages/vue-router/__tests__/locationHistory.spec.ts b/packages/vue-router/__tests__/locationHistory.spec.ts
index fe7f94e723d..196dcc75d88 100644
--- a/packages/vue-router/__tests__/locationHistory.spec.ts
+++ b/packages/vue-router/__tests__/locationHistory.spec.ts
@@ -84,4 +84,25 @@ describe('Location History', () => {
     expect(locationHistory.canGoBack(1, 0, 1)).toEqual(true);
     expect(locationHistory.canGoBack(2, 0, 1)).toEqual(false);
   });
+
+  it('should correctly find the last location', () => {
+    const [home, pageA, pageB, pageC] = [
+      { pathname: '/home' },
+      { pathname: '/page-a', pushedByRoute: '/home' },
+      { pathname: '/page-b', pushedByRoute: '/page-a' },
+      { pathname: '/page-c', pushedByRoute: '/page-b' },
+    ];
+
+    locationHistory.add(home);
+    locationHistory.add(pageA);
+    locationHistory.add(pageB);
+    locationHistory.add(pageC);
+
+    expect(locationHistory.findLastLocation(pageB)).toEqual(pageA);
+    expect(locationHistory.findLastLocation(pageB, -2)).toEqual(home);
+
+    expect(locationHistory.findLastLocation(pageC)).toEqual(pageB);
+    expect(locationHistory.findLastLocation(pageC, -2)).toEqual(pageA);
+    expect(locationHistory.findLastLocation(pageC, -3)).toEqual(home);
+  });
 });
diff --git a/packages/vue-router/src/locationHistory.ts b/packages/vue-router/src/locationHistory.ts
index f48499254ea..9e12afd799a 100644
--- a/packages/vue-router/src/locationHistory.ts
+++ b/packages/vue-router/src/locationHistory.ts
@@ -239,15 +239,11 @@ export const createLocationHistory = () => {
         }
       }
     }
-    if (delta < -1) {
-      return locationHistory[locationHistory.length - 1 + delta];
-    } else {
-      for (let i = locationHistory.length - 2; i >= 0; i--) {
-        const ri = locationHistory[i];
-        if (ri) {
-          if (ri.pathname === routeInfo.pushedByRoute) {
-            return ri;
-          }
+    for (let i = locationHistory.length - 2; i >= 0; i--) {
+      const ri = locationHistory[i];
+      if (ri) {
+        if (ri.pathname === routeInfo.pushedByRoute) {
+          return locationHistory[i + 1 + delta]
         }
       }
     }

From cb6007363a8d42b5f126945427c2bfc3d7209c21 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Thu, 24 Oct 2024 08:34:46 -0700
Subject: [PATCH 04/14] fix(overlay): hide from screen readers while animating
 (#29951)

Issue number: resolves #29857

---------

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

Screen readers like Android Talkback would not have the focus ring on
the correct element. For example, Talkback would announce the buttons
correctly within action sheet but the focus ring was no where to be
seen.

After digging around, the focus rings are located out of screen because
the action sheet is mounted to the DOM out of the screen first then
transitions into the screen. There are some screen readers that do not
behave as expected when an element uses `transform` styles like action
sheet.


https://github.com/user-attachments/assets/5a700bcc-3149-47a9-96ff-0aef99dd2bb3

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

- When an overlay is being animated (presenting or dismissing), the
overlay will hide from screen readers. This allows the element to
navigate to its correct destination for screen readers to interact with.
Plus, we shouldn't allow screen readers to interact with content in the
middle of an animation. It could lead to some confusion.

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

Dev build: 8.3.3-dev.11729276019.194c165c

**A physical Android device will be needed, the issue does not appear in
simulators**

Components that need to be tested because they use overlays:
- Action sheet
- Alert
- Loading
- Modal
- Popover
- Select w/ action sheet interface
- Select w/ alert interface
- Select w/ popover interface
- Toast

How to test:
1. Create a starter app (any framework will do)
2. Add an action sheet
3. Build app for mobile devices
```
ionic build

ionic cap add ios
ionic cap add android

ionic cap copy && ionic cap sync
```
4. Open the app in Android Studio: `ionic cap open android`
5. Connect the Android device to Android Studio
6. Open app in Android device
7. Launch Talkback
8. Navigate back to the app
9. Open action sheet
10. Swipe over to the action sheet's buttons
11. Notice that the buttons don't have a focus ring
12. Go back to the starter
4. Install the dev build
5. Add the components to the app
6. Sync app: `ionic cap copy && ionic cap sync`
13. Relaunch the app on the Android device
14. Verify that the focus ring appears on the action sheet's buttons
15. Verify that the other overlays are working as intended
---
 core/src/utils/overlays.ts | 40 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/core/src/utils/overlays.ts b/core/src/utils/overlays.ts
index e69bd49dcda..b00e5a6481c 100644
--- a/core/src/utils/overlays.ts
+++ b/core/src/utils/overlays.ts
@@ -514,7 +514,8 @@ export const present = async <OverlayPresentOptions>(
 
   document.body.classList.add(BACKDROP_NO_SCROLL);
 
-  hideOverlaysFromScreenReaders(overlay.el);
+  hideUnderlyingOverlaysFromScreenReaders(overlay.el);
+  hideAnimatingOverlayFromScreenReaders(overlay.el);
 
   overlay.presented = true;
   overlay.willPresent.emit();
@@ -560,6 +561,11 @@ export const present = async <OverlayPresentOptions>(
    * it would still have aria-hidden on being presented again.
    * Removing it here ensures the overlay is visible to screen
    * readers.
+   *
+   * If this overlay was being presented, then it was hidden
+   * from screen readers during the animation. Now that the
+   * animation is complete, we can reveal the overlay to
+   * screen readers.
    */
   overlay.el.removeAttribute('aria-hidden');
 };
@@ -644,6 +650,13 @@ export const dismiss = async <OverlayDismissOptions>(
   overlay.presented = false;
 
   try {
+    /**
+     * There is no need to show the overlay to screen readers during
+     * the dismiss animation. This is because the overlay will be removed
+     * from the DOM after the animation is complete.
+     */
+    hideAnimatingOverlayFromScreenReaders(overlay.el);
+
     // Overlay contents should not be clickable during dismiss
     overlay.el.style.setProperty('pointer-events', 'none');
     overlay.willDismiss.emit({ data, role });
@@ -929,6 +942,29 @@ export const createTriggerController = () => {
   };
 };
 
+/**
+ * The overlay that is being animated also needs to hide from screen
+ * readers during its animation. This ensures that assistive technologies
+ * like TalkBack do not announce or interact with the content until the
+ * animation is complete, avoiding confusion for users.
+ *
+ * If the overlay is being presented, it prevents focus rings from appearing
+ * in incorrect positions due to the transition (specifically `transform`
+ * styles), ensuring that when aria-hidden is removed, the focus rings are
+ * correctly displayed in the final location of the elements.
+ *
+ * @param overlay - The overlay that is being animated.
+ */
+const hideAnimatingOverlayFromScreenReaders = (overlay: HTMLIonOverlayElement) => {
+  if (doc === undefined) return;
+
+  /**
+   * Once the animation is complete, this attribute will be removed.
+   * This is done at the end of the `present` method.
+   */
+  overlay.setAttribute('aria-hidden', 'true');
+};
+
 /**
  * Ensure that underlying overlays have aria-hidden if necessary so that screen readers
  * cannot move focus to these elements. Note that we cannot rely on focus/focusin/focusout
@@ -939,7 +975,7 @@ export const createTriggerController = () => {
  * @param newTopMostOverlay - The overlay that is being presented. Since the overlay has not been
  * fully presented yet at the time this function is called it will not be included in the getPresentedOverlays result.
  */
-const hideOverlaysFromScreenReaders = (newTopMostOverlay: HTMLIonOverlayElement) => {
+const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay: HTMLIonOverlayElement) => {
   if (doc === undefined) return;
 
   const overlays = getPresentedOverlays(doc);

From 322d7c98cf6613df0b0db3f119e3f892e6a17e7b Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Fri, 25 Oct 2024 12:04:24 -0700
Subject: [PATCH 05/14] fix(overlays): do not hide root when toast appears
 (#29962)

Issue number: stemmed from #29773

---------

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

Certain Chrome and Edge versions (confirmed: Chrome v127, v128, v129 and
Edge v127) would indicate that certain elements have an accessibility
violation:

```
Blocked aria-hidden on a "ELEMENT NAME" element because the element that just received
focus must not be hidden from assistive technology users. Avoid using aria-hidden on a
focused element or its ancestor. Consider using the inert attribute instead, which will also
prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at
```

This issue happens when a toast appears and the users clicks on any
element that is not related to toast. This is due to the main content
having an `aria-hidden` so users should not to be able to interact with
any of those elements. This isn't an issue when an overlay uses a
backdrop, like `ion-alert` because the backdrop prevents a user from
interacting with those elements.

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

- When toast is present, the main content no longer has an
`aria-hidden`. This aligns with accessibility guidelines. I also
verified with other Framework, MD states "Don't trap focus in the
snackbar. Users should be able to freely navigate in and out."

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

Dev build: `8.3.4-dev.11729879684.1ea28919`

1. Clone this
[repo](https://github.com/brandyscarney/test-angular-overlays)
2. Install deps
3. Run the app on a private browser (Chrome v127, v128, v129 or Edge
v127)
4. Open browser console
5. Click on "Open Toast" button
6. Click on any element other than "Open Toast" button, like "Open
Popover"
7. Notice the error message
8. Close private browser
9. Install dev build: `npm install
@ionic/angular@8.3.4-dev.11729879684.1ea28919`
10. Repeat steps 4-7
11. Verify that the error message doesn't occur
---
 core/src/utils/overlays.ts | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/core/src/utils/overlays.ts b/core/src/utils/overlays.ts
index b00e5a6481c..8aaaad05038 100644
--- a/core/src/utils/overlays.ts
+++ b/core/src/utils/overlays.ts
@@ -510,7 +510,16 @@ export const present = async <OverlayPresentOptions>(
     return;
   }
 
-  setRootAriaHidden(true);
+  /**
+   * Due to accessibility guidelines, toasts do not have
+   * focus traps.
+   *
+   * All other overlays should have focus traps to prevent
+   * the keyboard focus from leaving the overlay.
+   */
+  if (overlay.el.tagName !== 'ION-TOAST') {
+    setRootAriaHidden(true);
+  }
 
   document.body.classList.add(BACKDROP_NO_SCROLL);
 
@@ -636,13 +645,26 @@ export const dismiss = async <OverlayDismissOptions>(
     return false;
   }
 
-  const lastOverlay = doc !== undefined && getPresentedOverlays(doc).length === 1;
+  /**
+   * For accessibility, toasts lack focus traps and don’t receive
+   * `aria-hidden` on the root element when presented.
+   *
+   * All other overlays use focus traps to keep keyboard focus
+   * within the overlay, setting `aria-hidden` on the root element
+   * to enhance accessibility.
+   *
+   * Therefore, we must remove `aria-hidden` from the root element
+   * when the last non-toast overlay is dismissed.
+   */
+  const overlaysNotToast = doc !== undefined ? getPresentedOverlays(doc).filter((o) => o.tagName !== 'ION-TOAST') : [];
+
+  const lastOverlayNotToast = overlaysNotToast.length === 1 && overlaysNotToast[0].id === overlay.el.id;
 
   /**
-   * If this is the last visible overlay then
-   * we want to re-add the root to the accessibility tree.
+   * If this is the last visible overlay that is not a toast
+   * then we want to re-add the root to the accessibility tree.
    */
-  if (lastOverlay) {
+  if (lastOverlayNotToast) {
     setRootAriaHidden(false);
     document.body.classList.remove(BACKDROP_NO_SCROLL);
   }

From 5a7314553a8def87bd19275640c92dd72a6ef1a4 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Fri, 25 Oct 2024 12:07:09 -0700
Subject: [PATCH 06/14] fix(input, textarea): ensure screen readers announce
 helper and error text when focused (#29958)

Issue number: internal

---------

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

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

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Screen readers do not announce helper and error text when user is
focused on the input or textarea. This does not align with the
accessibility guidelines.

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

- The appropriate `aria` tags are added to the native input and textarea
in order to associate them to the helper and error texts.
- `aria-describedBy` will only be added to the native element based on
helper or error text. If helper text exists then the helper text ID will
be used. If the error text exists and the component has the `ion-touched
ion-invalid` classes, then the error text ID will be used.
- `aria-invalid` will only be added if the error text exists and the
component has the `ion-touched ion-invalid` classes.
- Added tests.

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

How to test:
1. Navigate to the [input
page](https://ionic-framework-lio43tje7-ionic1.vercel.app/src/components/input/test/bottom-content)
on the `main` branch
2. Turn on the screen reader of your choice
3. Notice that the screen reader does not announce the helper or error
text when the input is focused
4. Navigate to the [input
page](https://ionic-framework-git-rou-11274-ionic1.vercel.app/src/components/input/test/bottom-content)
on the `ROU-11274` branch
5. Turn on the screen reader of your choice
6. Verify that the screen reader announces the helper or error text when
the input is focused on
7. Navigate to the [textarea
page](https://ionic-framework-lio43tje7-ionic1.vercel.app/src/components/textarea/test/bottom-content)
on the `main` branch
8. Repeat steps 2-3
9. Navigate to the [textarea
page](https://ionic-framework-git-rou-11274-ionic1.vercel.app/src/components/textarea/test/bottom-content)
on the `ROU-11274` branch
10. Repeat steps 5-6

Known Webkit issues:
This fix will not work on macOS
[16](https://bugs.webkit.org/show_bug.cgi?id=254081) and
[17](https://bugs.webkit.org/show_bug.cgi?id=262895) as VoiceOver will
not read any text using `aria-describedby`. Works fine on macOS 18.
---
 core/src/components/input/input.tsx           | 29 +++++++++-
 .../input/test/bottom-content/input.e2e.ts    | 55 +++++++++++++++++++
 .../test/bottom-content/textarea.e2e.ts       | 55 +++++++++++++++++++
 core/src/components/textarea/textarea.tsx     | 29 +++++++++-
 4 files changed, 164 insertions(+), 4 deletions(-)

diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index f2430eabf32..2a9b9ec34e7 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -33,6 +33,8 @@ import { getCounterText } from './input.utils';
 export class Input implements ComponentInterface {
   private nativeInput?: HTMLInputElement;
   private inputId = `ion-input-${inputIds++}`;
+  private helperTextId = `${this.inputId}-helper-text`;
+  private errorTextId = `${this.inputId}-error-text`;
   private inheritedAttributes: Attributes = {};
   private isComposing = false;
   private slotMutationController?: SlotMutationController;
@@ -573,9 +575,30 @@ export class Input implements ComponentInterface {
    * Renders the helper text or error text values
    */
   private renderHintText() {
-    const { helperText, errorText } = this;
+    const { helperText, errorText, helperTextId, errorTextId } = this;
+
+    return [
+      <div id={helperTextId} class="helper-text">
+        {helperText}
+      </div>,
+      <div id={errorTextId} class="error-text">
+        {errorText}
+      </div>,
+    ];
+  }
+
+  private getHintTextID(): string | undefined {
+    const { el, helperText, errorText, helperTextId, errorTextId } = this;
+
+    if (el.classList.contains('ion-touched') && el.classList.contains('ion-invalid') && errorText) {
+      return errorTextId;
+    }
+
+    if (helperText) {
+      return helperTextId;
+    }
 
-    return [<div class="helper-text">{helperText}</div>, <div class="error-text">{errorText}</div>];
+    return undefined;
   }
 
   private renderCounter() {
@@ -777,6 +800,8 @@ export class Input implements ComponentInterface {
               onKeyDown={this.onKeydown}
               onCompositionstart={this.onCompositionStart}
               onCompositionend={this.onCompositionEnd}
+              aria-describedby={this.getHintTextID()}
+              aria-invalid={this.getHintTextID() === this.errorTextId}
               {...this.inheritedAttributes}
             />
             {this.clearInput && !readonly && !disabled && (
diff --git a/core/src/components/input/test/bottom-content/input.e2e.ts b/core/src/components/input/test/bottom-content/input.e2e.ts
index 9f09ffd78a4..5de0ca79e19 100644
--- a/core/src/components/input/test/bottom-content/input.e2e.ts
+++ b/core/src/components/input/test/bottom-content/input.e2e.ts
@@ -68,6 +68,19 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
         await expect(helperText).toHaveText('my helper');
         await expect(errorText).toBeHidden();
       });
+      test('input should have an aria-describedby attribute when helper text is present', async ({ page }) => {
+        await page.setContent(
+          `<ion-input helper-text="my helper" error-text="my error" label="my input"></ion-input>`,
+          config
+        );
+
+        const input = page.locator('ion-input input');
+        const helperText = page.locator('ion-input .helper-text');
+        const helperTextId = await helperText.getAttribute('id');
+        const ariaDescribedBy = await input.getAttribute('aria-describedby');
+
+        expect(ariaDescribedBy).toBe(helperTextId);
+      });
       test('error text should be visible when input is invalid', async ({ page }) => {
         await page.setContent(
           `<ion-input class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my input"></ion-input>`,
@@ -96,6 +109,48 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
         const errorText = page.locator('ion-input .error-text');
         await expect(errorText).toHaveScreenshot(screenshot(`input-error-custom-color`));
       });
+      test('input should have an aria-describedby attribute when error text is present', async ({ page }) => {
+        await page.setContent(
+          `<ion-input class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my input"></ion-input>`,
+          config
+        );
+
+        const input = page.locator('ion-input input');
+        const errorText = page.locator('ion-input .error-text');
+        const errorTextId = await errorText.getAttribute('id');
+        const ariaDescribedBy = await input.getAttribute('aria-describedby');
+
+        expect(ariaDescribedBy).toBe(errorTextId);
+      });
+      test('input should have aria-invalid attribute when input is invalid', async ({ page }) => {
+        await page.setContent(
+          `<ion-input class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my input"></ion-input>`,
+          config
+        );
+
+        const input = page.locator('ion-input input');
+
+        await expect(input).toHaveAttribute('aria-invalid');
+      });
+      test('input should not have aria-invalid attribute when input is valid', async ({ page }) => {
+        await page.setContent(
+          `<ion-input helper-text="my helper" error-text="my error" label="my input"></ion-input>`,
+          config
+        );
+
+        const input = page.locator('ion-input input');
+
+        await expect(input).not.toHaveAttribute('aria-invalid');
+      });
+      test('input should not have aria-describedby attribute when no hint or error text is present', async ({
+        page,
+      }) => {
+        await page.setContent(`<ion-input label="my input"></ion-input>`, config);
+
+        const input = page.locator('ion-input input');
+
+        await expect(input).not.toHaveAttribute('aria-describedby');
+      });
     });
     test.describe('input: hint text rendering', () => {
       test.describe('regular inputs', () => {
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts
index e6c60e1ce0d..79fcfc4cfac 100644
--- a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts
+++ b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts
@@ -27,6 +27,19 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
         await expect(helperText).toHaveText('my helper');
         await expect(errorText).toBeHidden();
       });
+      test('textarea should have an aria-describedby attribute when helper text is present', async ({ page }) => {
+        await page.setContent(
+          `<ion-textarea helper-text="my helper" error-text="my error" label="my textarea"></ion-textarea>`,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea textarea');
+        const helperText = page.locator('ion-textarea .helper-text');
+        const helperTextId = await helperText.getAttribute('id');
+        const ariaDescribedBy = await textarea.getAttribute('aria-describedby');
+
+        expect(ariaDescribedBy).toBe(helperTextId);
+      });
       test('error text should be visible when textarea is invalid', async ({ page }) => {
         await page.setContent(
           `<ion-textarea class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my textarea"></ion-textarea>`,
@@ -55,6 +68,48 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
         const errorText = page.locator('ion-textarea .error-text');
         await expect(errorText).toHaveScreenshot(screenshot(`textarea-error-custom-color`));
       });
+      test('textarea should have an aria-describedby attribute when error text is present', async ({ page }) => {
+        await page.setContent(
+          `<ion-textarea class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my textarea"></ion-textarea>`,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea textarea');
+        const errorText = page.locator('ion-textarea .error-text');
+        const errorTextId = await errorText.getAttribute('id');
+        const ariaDescribedBy = await textarea.getAttribute('aria-describedby');
+
+        expect(ariaDescribedBy).toBe(errorTextId);
+      });
+      test('textarea should have aria-invalid attribute when input is invalid', async ({ page }) => {
+        await page.setContent(
+          `<ion-textarea class="ion-invalid ion-touched" helper-text="my helper" error-text="my error" label="my textarea"></ion-textarea>`,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea textarea');
+
+        await expect(textarea).toHaveAttribute('aria-invalid');
+      });
+      test('textarea should not have aria-invalid attribute when input is valid', async ({ page }) => {
+        await page.setContent(
+          `<ion-textarea helper-text="my helper" error-text="my error" label="my textarea"></ion-textarea>`,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea textarea');
+
+        await expect(textarea).not.toHaveAttribute('aria-invalid');
+      });
+      test('textarea should not have aria-describedby attribute when no hint or error text is present', async ({
+        page,
+      }) => {
+        await page.setContent(`<ion-textarea label="my textarea"></ion-textarea>`, config);
+
+        const textarea = page.locator('ion-textarea textarea');
+
+        await expect(textarea).not.toHaveAttribute('aria-describedby');
+      });
     });
     test.describe('textarea: hint text rendering', () => {
       test.describe('regular textareas', () => {
diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
index 09d66928cfb..3349f0c1a85 100644
--- a/core/src/components/textarea/textarea.tsx
+++ b/core/src/components/textarea/textarea.tsx
@@ -45,6 +45,8 @@ import type { TextareaChangeEventDetail, TextareaInputEventDetail } from './text
 export class Textarea implements ComponentInterface {
   private nativeInput?: HTMLTextAreaElement;
   private inputId = `ion-textarea-${textareaIds++}`;
+  private helperTextId = `${this.inputId}-helper-text`;
+  private errorTextId = `${this.inputId}-error-text`;
   /**
    * `true` if the textarea was cleared as a result of the user typing
    * with `clearOnEdit` enabled.
@@ -576,9 +578,30 @@ export class Textarea implements ComponentInterface {
    * Renders the helper text or error text values
    */
   private renderHintText() {
-    const { helperText, errorText } = this;
+    const { helperText, errorText, helperTextId, errorTextId } = this;
+
+    return [
+      <div id={helperTextId} class="helper-text">
+        {helperText}
+      </div>,
+      <div id={errorTextId} class="error-text">
+        {errorText}
+      </div>,
+    ];
+  }
+
+  private getHintTextID(): string | undefined {
+    const { el, helperText, errorText, helperTextId, errorTextId } = this;
+
+    if (el.classList.contains('ion-touched') && el.classList.contains('ion-invalid') && errorText) {
+      return errorTextId;
+    }
+
+    if (helperText) {
+      return helperTextId;
+    }
 
-    return [<div class="helper-text">{helperText}</div>, <div class="error-text">{errorText}</div>];
+    return undefined;
   }
 
   private renderCounter() {
@@ -703,6 +726,8 @@ export class Textarea implements ComponentInterface {
                 onBlur={this.onBlur}
                 onFocus={this.onFocus}
                 onKeyDown={this.onKeyDown}
+                aria-describedby={this.getHintTextID()}
+                aria-invalid={this.getHintTextID() === this.errorTextId}
                 {...this.inheritedAttributes}
               >
                 {value}

From c3b58f1620bcb74db43e3983ef570b7b982abd83 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Tue, 29 Oct 2024 10:04:43 -0400
Subject: [PATCH 07/14] fix(overlays): hide the focus trap div from screen
 readers (#29970)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issue number: resolves #29858

---------

## What is the current behavior?
When swiping between elements using Android TalkBack, a green box is
shown for certain overlays and it gains focus at the beginning and end
of those overlays:

<img width="419" alt="Screenshot 2024-10-25 at 2 44 45 PM"
src="https://github.com/user-attachments/assets/dffd8126-ec1d-4b6f-87fc-6488c7c09aab">

## What is the new behavior?
The `aria-hidden` attribute is now added to the focus trap divs to hide
them from screen readers, without preventing these divs from trapping
keyboard focus.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information
Dev build: `8.3.4-dev.11729882231.1b2e7f13`
---
 core/src/components/action-sheet/action-sheet.tsx | 4 ++--
 core/src/components/alert/alert.tsx               | 4 ++--
 core/src/components/loading/loading.tsx           | 4 ++--
 core/src/components/picker-legacy/picker.tsx      | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/core/src/components/action-sheet/action-sheet.tsx b/core/src/components/action-sheet/action-sheet.tsx
index 2d003a5dfc3..1b4cfe31410 100644
--- a/core/src/components/action-sheet/action-sheet.tsx
+++ b/core/src/components/action-sheet/action-sheet.tsx
@@ -385,7 +385,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
       >
         <ion-backdrop tappable={this.backdropDismiss} />
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
 
         <div class="action-sheet-wrapper ion-overlay-wrapper" ref={(el) => (this.wrapperEl = el)}>
           <div class="action-sheet-container">
@@ -446,7 +446,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
           </div>
         </div>
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
       </Host>
     );
   }
diff --git a/core/src/components/alert/alert.tsx b/core/src/components/alert/alert.tsx
index ca7efa30fb9..06348e8c065 100644
--- a/core/src/components/alert/alert.tsx
+++ b/core/src/components/alert/alert.tsx
@@ -757,7 +757,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
       >
         <ion-backdrop tappable={this.backdropDismiss} />
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
 
         <div class="alert-wrapper ion-overlay-wrapper" ref={(el) => (this.wrapperEl = el)}>
           <div class="alert-head">
@@ -779,7 +779,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
           {this.renderAlertButtons()}
         </div>
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
       </Host>
     );
   }
diff --git a/core/src/components/loading/loading.tsx b/core/src/components/loading/loading.tsx
index dac4cc5fafc..785f221c208 100644
--- a/core/src/components/loading/loading.tsx
+++ b/core/src/components/loading/loading.tsx
@@ -356,7 +356,7 @@ export class Loading implements ComponentInterface, OverlayInterface {
       >
         <ion-backdrop visible={this.showBackdrop} tappable={this.backdropDismiss} />
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
 
         <div class="loading-wrapper ion-overlay-wrapper">
           {spinner && (
@@ -368,7 +368,7 @@ export class Loading implements ComponentInterface, OverlayInterface {
           {message !== undefined && this.renderLoadingMessage(msgId)}
         </div>
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
       </Host>
     );
   }
diff --git a/core/src/components/picker-legacy/picker.tsx b/core/src/components/picker-legacy/picker.tsx
index cb6f1ba2d9e..6b267823928 100644
--- a/core/src/components/picker-legacy/picker.tsx
+++ b/core/src/components/picker-legacy/picker.tsx
@@ -375,7 +375,7 @@ export class Picker implements ComponentInterface, OverlayInterface {
       >
         <ion-backdrop visible={this.showBackdrop} tappable={this.backdropDismiss}></ion-backdrop>
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
 
         <div class="picker-wrapper ion-overlay-wrapper" role="dialog">
           <div class="picker-toolbar">
@@ -395,7 +395,7 @@ export class Picker implements ComponentInterface, OverlayInterface {
           </div>
         </div>
 
-        <div tabindex="0"></div>
+        <div tabindex="0" aria-hidden="true"></div>
       </Host>
     );
   }

From 93364b93c43e38786d98a2c417a3291fdaae543a Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 30 Oct 2024 16:39:42 +0000
Subject: [PATCH 08/14] v8.3.4

---
 CHANGELOG.md                              | 17 +++++++++++++++++
 core/CHANGELOG.md                         | 15 +++++++++++++++
 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             | 11 +++++++++++
 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          | 11 +++++++++++
 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, 139 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 875825ea573..a6e49112c02 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+
+### Bug Fixes
+
+* **angular:** add missing 'compareWith' input to standalone ion-radio-group ([#29870](https://github.com/ionic-team/ionic-framework/issues/29870)) ([47ba703](https://github.com/ionic-team/ionic-framework/commit/47ba703a57d1ca506f943f6b790d0bf7583d79cb)), closes [#29826](https://github.com/ionic-team/ionic-framework/issues/29826)
+* **backdrop:** remove tabindex for improved accessibility ([#29956](https://github.com/ionic-team/ionic-framework/issues/29956)) ([7294e96](https://github.com/ionic-team/ionic-framework/commit/7294e969bb913692eaf28e54860614f445132713)), closes [#29773](https://github.com/ionic-team/ionic-framework/issues/29773)
+* **input, textarea:** ensure screen readers announce helper and error text when focused ([#29958](https://github.com/ionic-team/ionic-framework/issues/29958)) ([5a73145](https://github.com/ionic-team/ionic-framework/commit/5a7314553a8def87bd19275640c92dd72a6ef1a4))
+* **overlay:** hide from screen readers while animating ([#29951](https://github.com/ionic-team/ionic-framework/issues/29951)) ([cb60073](https://github.com/ionic-team/ionic-framework/commit/cb6007363a8d42b5f126945427c2bfc3d7209c21)), closes [#29857](https://github.com/ionic-team/ionic-framework/issues/29857)
+* **overlays:** do not hide root when toast appears ([#29962](https://github.com/ionic-team/ionic-framework/issues/29962)) ([322d7c9](https://github.com/ionic-team/ionic-framework/commit/322d7c98cf6613df0b0db3f119e3f892e6a17e7b)), closes [#29773](https://github.com/ionic-team/ionic-framework/issues/29773)
+* **overlays:** hide the focus trap div from screen readers ([#29970](https://github.com/ionic-team/ionic-framework/issues/29970)) ([c3b58f1](https://github.com/ionic-team/ionic-framework/commit/c3b58f1620bcb74db43e3983ef570b7b982abd83)), closes [#29858](https://github.com/ionic-team/ionic-framework/issues/29858)
+* **vue:** incorrect view rendered when using router.go(-n) ([#29877](https://github.com/ionic-team/ionic-framework/issues/29877)) ([e32fbe0](https://github.com/ionic-team/ionic-framework/commit/e32fbe02102fe80db29f73c26496a40852032354)), closes [#28201](https://github.com/ionic-team/ionic-framework/issues/28201) [#28201](https://github.com/ionic-team/ionic-framework/issues/28201) [#29847](https://github.com/ionic-team/ionic-framework/issues/29847)
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index 5cf7ee82a7b..9f8cea162cd 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+
+### Bug Fixes
+
+* **backdrop:** remove tabindex for improved accessibility ([#29956](https://github.com/ionic-team/ionic-framework/issues/29956)) ([7294e96](https://github.com/ionic-team/ionic-framework/commit/7294e969bb913692eaf28e54860614f445132713)), closes [#29773](https://github.com/ionic-team/ionic-framework/issues/29773)
+* **input, textarea:** ensure screen readers announce helper and error text when focused ([#29958](https://github.com/ionic-team/ionic-framework/issues/29958)) ([5a73145](https://github.com/ionic-team/ionic-framework/commit/5a7314553a8def87bd19275640c92dd72a6ef1a4))
+* **overlay:** hide from screen readers while animating ([#29951](https://github.com/ionic-team/ionic-framework/issues/29951)) ([cb60073](https://github.com/ionic-team/ionic-framework/commit/cb6007363a8d42b5f126945427c2bfc3d7209c21)), closes [#29857](https://github.com/ionic-team/ionic-framework/issues/29857)
+* **overlays:** do not hide root when toast appears ([#29962](https://github.com/ionic-team/ionic-framework/issues/29962)) ([322d7c9](https://github.com/ionic-team/ionic-framework/commit/322d7c98cf6613df0b0db3f119e3f892e6a17e7b)), closes [#29773](https://github.com/ionic-team/ionic-framework/issues/29773)
+* **overlays:** hide the focus trap div from screen readers ([#29970](https://github.com/ionic-team/ionic-framework/issues/29970)) ([c3b58f1](https://github.com/ionic-team/ionic-framework/commit/c3b58f1620bcb74db43e3983ef570b7b982abd83)), closes [#29858](https://github.com/ionic-team/ionic-framework/issues/29858)
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **Note:** Version bump only for package @ionic/core
diff --git a/core/package-lock.json b/core/package-lock.json
index e23c7139338..b854d6a7438 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -17767,4 +17767,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index a9402401390..cc99b374d65 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
diff --git a/lerna.json b/lerna.json
index aaecbf98e08..6b73eec8d48 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.3.3"
+  "version": "8.3.4"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index 87f068694a2..8e18462ddf7 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.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **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 cec18a98429..d441d4fc699 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.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.3"
+        "@ionic/core": "^8.3.4"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -11110,4 +11110,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index 4b84cac006d..ceb075f4a7f 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.3.3"
+    "@ionic/core": "^8.3.4"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 517488505d2..5899927ba34 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+
+### Bug Fixes
+
+* **angular:** add missing 'compareWith' input to standalone ion-radio-group ([#29870](https://github.com/ionic-team/ionic-framework/issues/29870)) ([47ba703](https://github.com/ionic-team/ionic-framework/commit/47ba703a57d1ca506f943f6b790d0bf7583d79cb)), closes [#29826](https://github.com/ionic-team/ionic-framework/issues/29826)
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **Note:** Version bump only for package @ionic/angular
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 7f71a33aa65..8f907002461 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.3",
+        "@ionic/core": "^8.3.4",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
index f2c927b0982..cf3edb13741 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.3.3",
+    "@ionic/core": "^8.3.4",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index bf807426dda..01d59dbdfaa 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.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index a1d2d61aae2..1bf899056ac 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 9faa6071e63..9402ac8627d 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "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 8969ab83e62..182220662ab 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.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **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 53ec60cc26c..7287ad10239 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.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.3.3",
+        "@ionic/react": "^8.3.4",
         "tslib": "*"
       },
       "devDependencies": {
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 4e146331381..79225e3bfb1 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.3.3",
+    "@ionic/react": "^8.3.4",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index dc28f6a1d9a..f9f691caab6 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.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 6e176a5e275..a747dd6080c 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.3",
+        "@ionic/core": "^8.3.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -20498,4 +20498,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index 72ce6e4adc5..59b96e911f9 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.3.3",
+    "@ionic/core": "^8.3.4",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index fc02c3c19ad..b8e456b3ce3 100644
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+
+### Bug Fixes
+
+* **vue:** incorrect view rendered when using router.go(-n) ([#29877](https://github.com/ionic-team/ionic-framework/issues/29877)) ([e32fbe0](https://github.com/ionic-team/ionic-framework/commit/e32fbe02102fe80db29f73c26496a40852032354)), closes [#28201](https://github.com/ionic-team/ionic-framework/issues/28201) [#28201](https://github.com/ionic-team/ionic-framework/issues/28201) [#29847](https://github.com/ionic-team/ionic-framework/issues/29847)
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 **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 2a45b55ebf7..c62a3d299d6 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.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.3.3"
+        "@ionic/vue": "^8.3.4"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index a8fe48ac36b..f6a69910661 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "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.3.3"
+    "@ionic/vue": "^8.3.4"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index ae7db1feb0b..59e84626d95 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.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [8.3.3](https://github.com/ionic-team/ionic-framework/compare/v8.3.2...v8.3.3) (2024-10-16)
 
 
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 9a5b0bfcefb..46203db6648 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.3.3",
+      "version": "8.3.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.3",
+        "@ionic/core": "^8.3.4",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -6562,4 +6562,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue/package.json b/packages/vue/package.json
index d5a6d149837..86f48a1a0aa 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.3.3",
+  "version": "8.3.4",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.3.3",
+    "@ionic/core": "^8.3.4",
     "ionicons": "^7.0.0"
   },
   "vetur": {

From ffdaa3b2866cbef142289bb673752aa988ebe48c Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Wed, 30 Oct 2024 16:40:24 +0000
Subject: [PATCH 09/14] chore(): update package lock files

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

diff --git a/core/package-lock.json b/core/package-lock.json
index b854d6a7438..3a4608f31e9 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -17767,4 +17767,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 d441d4fc699..3a9a06112a6 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.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -7188,9 +7188,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -11110,4 +11110,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 8f907002461..aaf40af261f 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.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -9820,9 +9820,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 1bf899056ac..b2ec1102513 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 7287ad10239..597890f036c 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.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.3.tgz",
-      "integrity": "sha512-BQVke+4QF1viPmwYFV/Bfseh4AhLnA0svP8UvKTP45plJ2KDXF/IbFVNn+FWtjByrqYU4PldUgF01+O4yPGiRw==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.4.tgz",
+      "integrity": "sha512-CIoTHg/1nJJN11IjmsUqeQB1nIP4SxQyo2nBH+MhzeVCMv8Tj00Y4rU/9RYzKfRI7Zfsi9MOwVrwpGhPWi4KWA==",
       "dependencies": {
-        "@ionic/core": "8.3.3",
+        "@ionic/core": "8.3.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -4057,9 +4057,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -4163,11 +4163,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.3.tgz",
-      "integrity": "sha512-BQVke+4QF1viPmwYFV/Bfseh4AhLnA0svP8UvKTP45plJ2KDXF/IbFVNn+FWtjByrqYU4PldUgF01+O4yPGiRw==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.4.tgz",
+      "integrity": "sha512-CIoTHg/1nJJN11IjmsUqeQB1nIP4SxQyo2nBH+MhzeVCMv8Tj00Y4rU/9RYzKfRI7Zfsi9MOwVrwpGhPWi4KWA==",
       "requires": {
-        "@ionic/core": "8.3.3",
+        "@ionic/core": "8.3.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index a747dd6080c..232c3805ca5 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.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -12315,9 +12315,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -20498,4 +20498,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index c62a3d299d6..6e3138dc0d7 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -661,9 +661,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.3.tgz",
-      "integrity": "sha512-6EAPWdmQDvazP4ZsCRjWlG91Kx+1vYxX1gHx02Xvcc7Dn8hRrMW58IAAQ0BqSYsrHNFTKVtwD3cJbmnut8Ghyg==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.4.tgz",
+      "integrity": "sha512-s7P5mTd078CbPK2dpIxxWGNirQacG3sXhJulJ1L0J6+6VI+HHHLKy4ueTRgPl5GLDmjGgdMCBuYu1n4K2nNXFg==",
       "dependencies": {
-        "@ionic/core": "8.3.3",
+        "@ionic/core": "8.3.4",
         "ionicons": "^7.0.0"
       }
     },
@@ -7878,9 +7878,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -7993,11 +7993,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.3.tgz",
-      "integrity": "sha512-6EAPWdmQDvazP4ZsCRjWlG91Kx+1vYxX1gHx02Xvcc7Dn8hRrMW58IAAQ0BqSYsrHNFTKVtwD3cJbmnut8Ghyg==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.4.tgz",
+      "integrity": "sha512-s7P5mTd078CbPK2dpIxxWGNirQacG3sXhJulJ1L0J6+6VI+HHHLKy4ueTRgPl5GLDmjGgdMCBuYu1n4K2nNXFg==",
       "requires": {
-        "@ionic/core": "8.3.3",
+        "@ionic/core": "8.3.4",
         "ionicons": "^7.0.0"
       }
     },
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 46203db6648..2adae2a2acb 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -208,9 +208,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -3970,9 +3970,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.3.tgz",
-      "integrity": "sha512-f2PXV0jFIFPdjP+NbmQ1mXqRQ4KWi0U0jdQd3wDYsJFWQLmWXhW7Yp/4lCDdl0ouMeZRB2phddqFct1c7H6PyA==",
+      "version": "8.3.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
+      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -6562,4 +6562,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}

From 2d6eeee26762fcf1c71290900941a063c67142f4 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Thu, 31 Oct 2024 10:46:12 -0400
Subject: [PATCH 10/14] test(alert): skip flaky test (#29985)

---
 core/src/components/alert/test/a11y/alert.e2e.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/core/src/components/alert/test/a11y/alert.e2e.ts b/core/src/components/alert/test/a11y/alert.e2e.ts
index 12add8b2eca..b5aeb63d051 100644
--- a/core/src/components/alert/test/a11y/alert.e2e.ts
+++ b/core/src/components/alert/test/a11y/alert.e2e.ts
@@ -279,7 +279,10 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
 
       await expect(page).toHaveScreenshot(screenshot(`alert-radio-scale`));
     });
-    test('should scale text on larger font sizes with text fields', async ({ page }) => {
+    test('should scale text on larger font sizes with text fields', async ({ page, skip }) => {
+      // TODO(ROU-8158): unskip this test when a solution is found
+      skip.browser('chromium', 'Rendering is flaky in Chrome.');
+
       await page.setContent(
         `
         <style>

From 8c43c53985b1bc805de83bc6299337fab0c47739 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:55:45 -0400
Subject: [PATCH 11/14] feat(menu): pass role to ionWillClose and ionDidClose
 events (#29954)

- Adds the `MenuCloseEventDetail` interface which includes an optional `role` property
- The `ionWillClose` and `ionDidClose` emit the `role` property for the following scenarios:
  - A role of `'gesture'` when dragging the menu closed
- A role of `'backdrop'` when clicking on the backdrop to close the menu
- A role of `'backdrop'` when the the menu is closed using the escape key
- A role of `undefined` when the menu is closed from a button inside of
the menu
---
 core/api.txt                                  |  8 +-
 core/src/components.d.ts                      | 16 ++--
 core/src/components/menu/menu-interface.ts    |  8 +-
 core/src/components/menu/menu.tsx             | 40 ++++----
 .../src/components/menu/test/basic/index.html | 17 +++-
 .../components/menu/test/basic/menu.e2e.ts    | 93 ++++++++++++++++++-
 .../components/modal/test/sheet/index.html    |  7 ++
 core/src/utils/menu-controller/index.ts       |  4 +-
 packages/angular/src/directives/proxies.ts    |  6 +-
 .../standalone/src/directives/proxies.ts      |  6 +-
 10 files changed, 163 insertions(+), 42 deletions(-)

diff --git a/core/api.txt b/core/api.txt
index bd0490e45fc..de7c3531974 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1000,15 +1000,15 @@ ion-menu,prop,menuId,string | undefined,undefined,false,true
 ion-menu,prop,side,"end" | "start",'start',false,true
 ion-menu,prop,swipeGesture,boolean,true,false,false
 ion-menu,prop,type,"overlay" | "push" | "reveal" | undefined,undefined,false,false
-ion-menu,method,close,close(animated?: boolean) => Promise<boolean>
+ion-menu,method,close,close(animated?: boolean, role?: string) => Promise<boolean>
 ion-menu,method,isActive,isActive() => Promise<boolean>
 ion-menu,method,isOpen,isOpen() => Promise<boolean>
 ion-menu,method,open,open(animated?: boolean) => Promise<boolean>
-ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean) => Promise<boolean>
+ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>
 ion-menu,method,toggle,toggle(animated?: boolean) => Promise<boolean>
-ion-menu,event,ionDidClose,void,true
+ion-menu,event,ionDidClose,MenuCloseEventDetail,true
 ion-menu,event,ionDidOpen,void,true
-ion-menu,event,ionWillClose,void,true
+ion-menu,event,ionWillClose,MenuCloseEventDetail,true
 ion-menu,event,ionWillOpen,void,true
 ion-menu,css-prop,--background,ios
 ion-menu,css-prop,--background,md
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index db9530b3404..f0cd3d081ad 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -18,7 +18,7 @@ import { ScrollBaseDetail, ScrollDetail } from "./components/content/content-int
 import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 import { SpinnerTypes } from "./components/spinner/spinner-configs";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
-import { MenuChangeEventDetail, MenuType, Side } from "./components/menu/menu-interface";
+import { MenuChangeEventDetail, MenuCloseEventDetail, MenuType, Side } from "./components/menu/menu-interface";
 import { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
 import { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
 import { ViewController } from "./components/nav/view-controller";
@@ -53,7 +53,7 @@ export { ScrollBaseDetail, ScrollDetail } from "./components/content/content-int
 export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 export { SpinnerTypes } from "./components/spinner/spinner-configs";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
-export { MenuChangeEventDetail, MenuType, Side } from "./components/menu/menu-interface";
+export { MenuChangeEventDetail, MenuCloseEventDetail, MenuType, Side } from "./components/menu/menu-interface";
 export { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
 export { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
 export { ViewController } from "./components/nav/view-controller";
@@ -1596,7 +1596,7 @@ export namespace Components {
         /**
           * Closes the menu. If the menu is already closed or it can't be closed, it returns `false`.
          */
-        "close": (animated?: boolean) => Promise<boolean>;
+        "close": (animated?: boolean, role?: string) => Promise<boolean>;
         /**
           * The `id` of the main content. When using a router this is typically `ion-router-outlet`. When not using a router, this is typically your main view's `ion-content`. This is not the id of the `ion-content` inside of your `ion-menu`.
          */
@@ -1628,7 +1628,7 @@ export namespace Components {
         /**
           * Opens or closes the button. If the operation can't be completed successfully, it returns `false`.
          */
-        "setOpen": (shouldOpen: boolean, animated?: boolean) => Promise<boolean>;
+        "setOpen": (shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>;
         /**
           * Which side of the view the menu should be placed.
          */
@@ -3969,9 +3969,9 @@ declare global {
     };
     interface HTMLIonMenuElementEventMap {
         "ionWillOpen": void;
-        "ionWillClose": void;
+        "ionWillClose": MenuCloseEventDetail;
         "ionDidOpen": void;
-        "ionDidClose": void;
+        "ionDidClose": MenuCloseEventDetail;
         "ionMenuChange": MenuChangeEventDetail;
     }
     interface HTMLIonMenuElement extends Components.IonMenu, HTMLStencilElement {
@@ -6364,7 +6364,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the menu is closed.
          */
-        "onIonDidClose"?: (event: IonMenuCustomEvent<void>) => void;
+        "onIonDidClose"?: (event: IonMenuCustomEvent<MenuCloseEventDetail>) => void;
         /**
           * Emitted when the menu is open.
          */
@@ -6376,7 +6376,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the menu is about to be closed.
          */
-        "onIonWillClose"?: (event: IonMenuCustomEvent<void>) => void;
+        "onIonWillClose"?: (event: IonMenuCustomEvent<MenuCloseEventDetail>) => void;
         /**
           * Emitted when the menu is about to be opened.
          */
diff --git a/core/src/components/menu/menu-interface.ts b/core/src/components/menu/menu-interface.ts
index f7aba9d8305..44ef985f0ce 100644
--- a/core/src/components/menu/menu-interface.ts
+++ b/core/src/components/menu/menu-interface.ts
@@ -22,7 +22,7 @@ export interface MenuI {
   close(animated?: boolean): Promise<boolean>;
   toggle(animated?: boolean): Promise<boolean>;
   setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
-  _setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
+  _setOpen(shouldOpen: boolean, animated?: boolean, role?: string): Promise<boolean>;
 }
 
 export interface MenuControllerI {
@@ -42,7 +42,7 @@ export interface MenuControllerI {
   _createAnimation(type: string, menuCmp: MenuI): Promise<Animation>;
   _register(menu: MenuI): void;
   _unregister(menu: MenuI): void;
-  _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean>;
+  _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean, role?: string): Promise<boolean>;
 }
 
 export interface MenuChangeEventDetail {
@@ -50,6 +50,10 @@ export interface MenuChangeEventDetail {
   open: boolean;
 }
 
+export interface MenuCloseEventDetail {
+  role?: string;
+}
+
 export interface MenuCustomEvent<T = any> extends CustomEvent {
   detail: T;
   target: HTMLIonMenuElement;
diff --git a/core/src/components/menu/menu.tsx b/core/src/components/menu/menu.tsx
index 622d1d3e892..d83e53abb39 100644
--- a/core/src/components/menu/menu.tsx
+++ b/core/src/components/menu/menu.tsx
@@ -7,14 +7,14 @@ import { shouldUseCloseWatcher } from '@utils/hardware-back-button';
 import type { Attributes } from '@utils/helpers';
 import { inheritAriaAttributes, assert, clamp, isEndSide as isEnd } from '@utils/helpers';
 import { menuController } from '@utils/menu-controller';
-import { getPresentedOverlay } from '@utils/overlays';
+import { BACKDROP, GESTURE, getPresentedOverlay } from '@utils/overlays';
 import { hostContext } from '@utils/theme';
 
 import { config } from '../../global/config';
 import { getIonMode } from '../../global/ionic-global';
 import type { Animation, Gesture, GestureDetail } from '../../interface';
 
-import type { MenuChangeEventDetail, MenuI, MenuType, Side } from './menu-interface';
+import type { MenuChangeEventDetail, MenuCloseEventDetail, MenuI, MenuType, Side } from './menu-interface';
 
 const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
 const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';
@@ -179,7 +179,7 @@ export class Menu implements ComponentInterface, MenuI {
   /**
    * Emitted when the menu is about to be closed.
    */
-  @Event() ionWillClose!: EventEmitter<void>;
+  @Event() ionWillClose!: EventEmitter<MenuCloseEventDetail>;
   /**
    * Emitted when the menu is open.
    */
@@ -188,7 +188,7 @@ export class Menu implements ComponentInterface, MenuI {
   /**
    * Emitted when the menu is closed.
    */
-  @Event() ionDidClose!: EventEmitter<void>;
+  @Event() ionDidClose!: EventEmitter<MenuCloseEventDetail>;
 
   /**
    * Emitted when the menu state is changed.
@@ -331,14 +331,14 @@ export class Menu implements ComponentInterface, MenuI {
       if (shouldClose) {
         ev.preventDefault();
         ev.stopPropagation();
-        this.close();
+        this.close(undefined, BACKDROP);
       }
     }
   }
 
   onKeydown(ev: KeyboardEvent) {
     if (ev.key === 'Escape') {
-      this.close();
+      this.close(undefined, BACKDROP);
     }
   }
 
@@ -375,8 +375,8 @@ export class Menu implements ComponentInterface, MenuI {
    * it returns `false`.
    */
   @Method()
-  close(animated = true): Promise<boolean> {
-    return this.setOpen(false, animated);
+  close(animated = true, role?: string): Promise<boolean> {
+    return this.setOpen(false, animated, role);
   }
 
   /**
@@ -393,8 +393,8 @@ export class Menu implements ComponentInterface, MenuI {
    * If the operation can't be completed successfully, it returns `false`.
    */
   @Method()
-  setOpen(shouldOpen: boolean, animated = true): Promise<boolean> {
-    return menuController._setOpen(this, shouldOpen, animated);
+  setOpen(shouldOpen: boolean, animated = true, role?: string): Promise<boolean> {
+    return menuController._setOpen(this, shouldOpen, animated, role);
   }
 
   private trapKeyboardFocus(ev: Event, doc: Document) {
@@ -438,13 +438,13 @@ export class Menu implements ComponentInterface, MenuI {
     }
   }
 
-  async _setOpen(shouldOpen: boolean, animated = true): Promise<boolean> {
+  async _setOpen(shouldOpen: boolean, animated = true, role?: string): Promise<boolean> {
     // If the menu is disabled or it is currently being animated, let's do nothing
     if (!this._isActive() || this.isAnimating || shouldOpen === this._isOpen) {
       return false;
     }
 
-    this.beforeAnimation(shouldOpen);
+    this.beforeAnimation(shouldOpen, role);
 
     await this.loadAnimation();
     await this.startAnimation(shouldOpen, animated);
@@ -459,7 +459,7 @@ export class Menu implements ComponentInterface, MenuI {
       return false;
     }
 
-    this.afterAnimation(shouldOpen);
+    this.afterAnimation(shouldOpen, role);
 
     return true;
   }
@@ -542,7 +542,7 @@ export class Menu implements ComponentInterface, MenuI {
   }
 
   private onWillStart(): Promise<void> {
-    this.beforeAnimation(!this._isOpen);
+    this.beforeAnimation(!this._isOpen, GESTURE);
     return this.loadAnimation();
   }
 
@@ -624,11 +624,11 @@ export class Menu implements ComponentInterface, MenuI {
 
     this.animation
       .easing('cubic-bezier(0.4, 0.0, 0.6, 1)')
-      .onFinish(() => this.afterAnimation(shouldOpen), { oneTimeCallback: true })
+      .onFinish(() => this.afterAnimation(shouldOpen, GESTURE), { oneTimeCallback: true })
       .progressEnd(playTo ? 1 : 0, this._isOpen ? 1 - newStepValue : newStepValue, 300);
   }
 
-  private beforeAnimation(shouldOpen: boolean) {
+  private beforeAnimation(shouldOpen: boolean, role?: string) {
     assert(!this.isAnimating, '_before() should not be called while animating');
 
     // this places the menu into the correct location before it animates in
@@ -671,11 +671,11 @@ export class Menu implements ComponentInterface, MenuI {
     if (shouldOpen) {
       this.ionWillOpen.emit();
     } else {
-      this.ionWillClose.emit();
+      this.ionWillClose.emit({ role });
     }
   }
 
-  private afterAnimation(isOpen: boolean) {
+  private afterAnimation(isOpen: boolean, role?: string) {
     // keep opening/closing the menu disabled for a touch more yet
     // only add listeners/css if it's enabled and isOpen
     // and only remove listeners/css if it's not open
@@ -731,7 +731,7 @@ export class Menu implements ComponentInterface, MenuI {
       }
 
       // emit close event
-      this.ionDidClose.emit();
+      this.ionDidClose.emit({ role });
 
       // undo focus trapping so multiple menus don't collide
       document.removeEventListener('focus', this.handleFocus, true);
@@ -767,7 +767,7 @@ export class Menu implements ComponentInterface, MenuI {
        * If the menu is disabled then we should
        * forcibly close the menu even if it is open.
        */
-      this.afterAnimation(false);
+      this.afterAnimation(false, GESTURE);
     }
   }
 
diff --git a/core/src/components/menu/test/basic/index.html b/core/src/components/menu/test/basic/index.html
index 34a90240abb..4e79a4fbb21 100644
--- a/core/src/components/menu/test/basic/index.html
+++ b/core/src/components/menu/test/basic/index.html
@@ -51,7 +51,9 @@
         </ion-header>
         <ion-content>
           <ion-list>
-            <ion-button id="start-menu-button">Button</ion-button>
+            <ion-menu-toggle>
+              <ion-button id="start-menu-button">Button</ion-button>
+            </ion-menu-toggle>
             <ion-item>Menu Item</ion-item>
             <ion-item>Menu Item</ion-item>
             <ion-item>Menu Item</ion-item>
@@ -125,6 +127,19 @@
     </ion-app>
 
     <script>
+      window.addEventListener('ionWillOpen', function (e) {
+        console.log('ionWillOpen', e);
+      });
+      window.addEventListener('ionDidOpen', function (e) {
+        console.log('ionDidOpen', e);
+      });
+      window.addEventListener('ionWillClose', function (e) {
+        console.log('ionWillClose', e);
+      });
+      window.addEventListener('ionDidClose', function (e) {
+        console.log('ionDidClose', e);
+      });
+
       async function openStart() {
         // Open the menu by menu-id
         await menuController.enable(true, 'start-menu');
diff --git a/core/src/components/menu/test/basic/menu.e2e.ts b/core/src/components/menu/test/basic/menu.e2e.ts
index 4a9faeca612..e715469f282 100644
--- a/core/src/components/menu/test/basic/menu.e2e.ts
+++ b/core/src/components/menu/test/basic/menu.e2e.ts
@@ -1,7 +1,7 @@
 import type { Locator } from '@playwright/test';
 import { expect } from '@playwright/test';
 import type { E2EPage, ScreenshotFn } from '@utils/test/playwright';
-import { configs, test } from '@utils/test/playwright';
+import { configs, dragElementBy, test } from '@utils/test/playwright';
 
 configs().forEach(({ title, config, screenshot }) => {
   test.describe(title('menu: rendering'), () => {
@@ -140,6 +140,97 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
   });
 });
 
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('menu: events'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto(`/src/components/menu/test/basic`, config);
+    });
+
+    test('should pass role when swiping to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      const menu = page.locator('#start-menu');
+      await dragElementBy(menu, page, -150, 0);
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'gesture' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'gesture' });
+    });
+
+    test('should pass role when clicking backdrop to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      const menu = page.locator('#start-menu');
+      const backdrop = menu.locator('ion-backdrop');
+
+      /**
+       * Coordinates for the click event.
+       * These need to be near the right edge of the backdrop
+       * in order to avoid clicking on the menu.
+       */
+      const backdropBoundingBox = await backdrop.boundingBox();
+      const x = backdropBoundingBox!.width - 50;
+      const y = backdropBoundingBox!.height - 50;
+
+      // Click near the right side of the backdrop.
+      await backdrop.click({
+        position: { x, y },
+      });
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+    });
+
+    test('should pass role when pressing escape key to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      await page.keyboard.press('Escape');
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+    });
+
+    test('should not pass role when clicking a menu toggle button to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      await page.click('#start-menu-button');
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: undefined });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: undefined });
+    });
+  });
+});
+
 async function testMenu(page: E2EPage, menu: Locator, menuId: string, screenshot: ScreenshotFn) {
   const ionDidOpen = await page.spyOnEvent('ionDidOpen');
   const ionDidClose = await page.spyOnEvent('ionDidClose');
diff --git a/core/src/components/modal/test/sheet/index.html b/core/src/components/modal/test/sheet/index.html
index 45a120e698b..bc4ba338001 100644
--- a/core/src/components/modal/test/sheet/index.html
+++ b/core/src/components/modal/test/sheet/index.html
@@ -154,6 +154,13 @@
       </div>
     </ion-app>
     <script>
+      window.addEventListener('ionModalDidDismiss', function (e) {
+        console.log('DidDismiss', e);
+      });
+      window.addEventListener('ionModalWillDismiss', function (e) {
+        console.log('WillDismiss', e);
+      });
+
       function createModal(options) {
         let items = '';
 
diff --git a/core/src/utils/menu-controller/index.ts b/core/src/utils/menu-controller/index.ts
index aa09e8a825d..dca6c5bc8ce 100644
--- a/core/src/utils/menu-controller/index.ts
+++ b/core/src/utils/menu-controller/index.ts
@@ -174,7 +174,7 @@ const createMenuController = (): MenuControllerI => {
     }
   };
 
-  const _setOpen = async (menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean> => {
+  const _setOpen = async (menu: MenuI, shouldOpen: boolean, animated: boolean, role: string): Promise<boolean> => {
     if (isAnimatingSync()) {
       return false;
     }
@@ -184,7 +184,7 @@ const createMenuController = (): MenuControllerI => {
         await openedMenu.setOpen(false, false);
       }
     }
-    return menu._setOpen(shouldOpen, animated);
+    return menu._setOpen(shouldOpen, animated, role);
   };
 
   const _createAnimation = (type: string, menuCmp: MenuI) => {
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 0f10c6bb5b5..89558cb46a1 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -1334,6 +1334,8 @@ export class IonMenu {
 }
 
 
+import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core';
+
 export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be opened.
@@ -1342,7 +1344,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be closed.
    */
-  ionWillClose: EventEmitter<CustomEvent<void>>;
+  ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
   /**
    * Emitted when the menu is open.
    */
@@ -1350,7 +1352,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is closed.
    */
-  ionDidClose: EventEmitter<CustomEvent<void>>;
+  ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
 
 
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index bc90bec4d03..b0426e56968 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -1319,6 +1319,8 @@ export class IonMenu {
 }
 
 
+import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core/components';
+
 export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be opened.
@@ -1327,7 +1329,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be closed.
    */
-  ionWillClose: EventEmitter<CustomEvent<void>>;
+  ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
   /**
    * Emitted when the menu is open.
    */
@@ -1335,7 +1337,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is closed.
    */
-  ionDidClose: EventEmitter<CustomEvent<void>>;
+  ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
 
 

From d30c682ed1c6501224afefc66d491fb761ad348b Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:14:33 -0400
Subject: [PATCH 12/14] fix(alert): use correct heading structure for subHeader
 when header exists (#29964)

- The `header` will continue to always render as an `<h2>` element.
- If there is no `header` defined, the `subHeader` will continue to render as an `<h2>` element.
- If there is a `header` defined, the `subHeader` will render as an `<h3>` element.
- Updates `ariaLabelledBy` to include both `header` and `subHeader` ids when both are defined.
- Updates the `a11y` e2e test to use new values & check for tag names.
---
 core/src/components/alert/alert.tsx           | 17 +++++++--
 .../components/alert/test/a11y/alert.e2e.ts   | 37 +++++++++++++++++--
 .../src/components/alert/test/a11y/index.html | 19 +++++++---
 3 files changed, 59 insertions(+), 14 deletions(-)

diff --git a/core/src/components/alert/alert.tsx b/core/src/components/alert/alert.tsx
index 06348e8c065..ee2e07244ca 100644
--- a/core/src/components/alert/alert.tsx
+++ b/core/src/components/alert/alert.tsx
@@ -730,10 +730,12 @@ export class Alert implements ComponentInterface, OverlayInterface {
     const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
 
     /**
-     * If the header is defined, use that. Otherwise, fall back to the subHeader.
-     * If neither is defined, don't set aria-labelledby.
+     * Use both the header and subHeader ids if they are defined.
+     * If only the header is defined, use the header id.
+     * If only the subHeader is defined, use the subHeader id.
+     * If neither are defined, do not set aria-labelledby.
      */
-    const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
+    const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
 
     return (
       <Host
@@ -766,11 +768,18 @@ export class Alert implements ComponentInterface, OverlayInterface {
                 {header}
               </h2>
             )}
-            {subHeader && (
+            {/* If no header exists, subHeader should be the highest heading level, h2 */}
+            {subHeader && !header && (
               <h2 id={subHdrId} class="alert-sub-title">
                 {subHeader}
               </h2>
             )}
+            {/* If a header exists, subHeader should be one level below it, h3 */}
+            {subHeader && header && (
+              <h3 id={subHdrId} class="alert-sub-title">
+                {subHeader}
+              </h3>
+            )}
           </div>
 
           {this.renderAlertMessage(msgId)}
diff --git a/core/src/components/alert/test/a11y/alert.e2e.ts b/core/src/components/alert/test/a11y/alert.e2e.ts
index b5aeb63d051..df6a8b47dbc 100644
--- a/core/src/components/alert/test/a11y/alert.e2e.ts
+++ b/core/src/components/alert/test/a11y/alert.e2e.ts
@@ -17,6 +17,27 @@ const testAria = async (
 
   const alert = page.locator('ion-alert');
 
+  const header = alert.locator('.alert-title');
+  const subHeader = alert.locator('.alert-sub-title');
+
+  // If a header exists, it should be an h2 element
+  if ((await header.count()) > 0) {
+    const headerTagName = await header.evaluate((el) => el.tagName);
+    expect(headerTagName).toBe('H2');
+  }
+
+  // If a header and subHeader exist, the subHeader should be an h3 element
+  if ((await header.count()) > 0 && (await subHeader.count()) > 0) {
+    const subHeaderTagName = await subHeader.evaluate((el) => el.tagName);
+    expect(subHeaderTagName).toBe('H3');
+  }
+
+  // If a subHeader exists without a header, the subHeader should be an h2 element
+  if ((await header.count()) === 0 && (await subHeader.count()) > 0) {
+    const subHeaderTagName = await subHeader.evaluate((el) => el.tagName);
+    expect(subHeaderTagName).toBe('H2');
+  }
+
   /**
    * expect().toHaveAttribute() can't check for a null value, so grab and check
    * the values manually instead.
@@ -124,16 +145,24 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
       await page.goto(`/src/components/alert/test/a11y`, config);
     });
 
-    test('should have aria-labelledby when header is set', async ({ page }) => {
-      await testAria(page, 'noMessage', 'alert-1-hdr', null);
+    test('should have aria-labelledby set to both when header and subHeader are set', async ({ page }) => {
+      await testAria(page, 'bothHeadersOnly', 'alert-1-hdr alert-1-sub-hdr', null);
+    });
+
+    test('should have aria-labelledby set when only header is set', async ({ page }) => {
+      await testAria(page, 'headerOnly', 'alert-1-hdr', null);
+    });
+
+    test('should fall back to subHeader for aria-labelledby if header is not defined', async ({ page }) => {
+      await testAria(page, 'subHeaderOnly', 'alert-1-sub-hdr', null);
     });
 
     test('should have aria-describedby when message is set', async ({ page }) => {
       await testAria(page, 'noHeaders', null, 'alert-1-msg');
     });
 
-    test('should fall back to subHeader for aria-labelledby if header is not defined', async ({ page }) => {
-      await testAria(page, 'subHeaderOnly', 'alert-1-sub-hdr', 'alert-1-msg');
+    test('should have aria-labelledby and aria-describedby when headers and message are set', async ({ page }) => {
+      await testAria(page, 'headersAndMessage', 'alert-1-hdr alert-1-sub-hdr', 'alert-1-msg');
     });
 
     test('should allow for manually specifying aria attributes', async ({ page }) => {
diff --git a/core/src/components/alert/test/a11y/index.html b/core/src/components/alert/test/a11y/index.html
index 00b3e1d928c..cb137ba7314 100644
--- a/core/src/components/alert/test/a11y/index.html
+++ b/core/src/components/alert/test/a11y/index.html
@@ -19,10 +19,11 @@
     <main class="ion-padding">
       <h1>Alert - A11y</h1>
 
-      <button class="expand" id="bothHeaders" onclick="presentBothHeaders()">Both Headers</button>
+      <button class="expand" id="bothHeadersOnly" onclick="presentBothHeadersOnly()">Both Headers Only</button>
+      <button class="expand" id="headerOnly" onclick="presentHeaderOnly()">Header Only</button>
       <button class="expand" id="subHeaderOnly" onclick="presentSubHeaderOnly()">Subheader Only</button>
       <button class="expand" id="noHeaders" onclick="presentNoHeaders()">No Headers</button>
-      <button class="expand" id="noMessage" onclick="presentNoMessage()">No Message</button>
+      <button class="expand" id="headersAndMessage" onclick="presentHeadersAndMessage()">Headers and Message</button>
       <button class="expand" id="customAria" onclick="presentCustomAria()">Custom Aria</button>
       <button class="expand" id="ariaLabelButton" onclick="presentAriaLabelButton()">Aria Label Button</button>
       <button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
@@ -34,11 +35,17 @@ <h1>Alert - A11y</h1>
         await alert.present();
       }
 
-      function presentBothHeaders() {
+      function presentBothHeadersOnly() {
         openAlert({
           header: 'Header',
           subHeader: 'Subtitle',
-          message: 'This is an alert message.',
+          buttons: ['OK'],
+        });
+      }
+
+      function presentHeaderOnly() {
+        openAlert({
+          header: 'Header',
           buttons: ['OK'],
         });
       }
@@ -46,7 +53,6 @@ <h1>Alert - A11y</h1>
       function presentSubHeaderOnly() {
         openAlert({
           subHeader: 'Subtitle',
-          message: 'This is an alert message.',
           buttons: ['OK'],
         });
       }
@@ -58,10 +64,11 @@ <h1>Alert - A11y</h1>
         });
       }
 
-      function presentNoMessage() {
+      function presentHeadersAndMessage() {
         openAlert({
           header: 'Header',
           subHeader: 'Subtitle',
+          message: 'This is an alert message.',
           buttons: ['OK'],
         });
       }

From d84421ad120b29b21ef5e5128fbbd4f293fd62b5 Mon Sep 17 00:00:00 2001
From: Tanner Reits <47483144+tanner-reits@users.noreply.github.com>
Date: Thu, 31 Oct 2024 10:01:32 -0400
Subject: [PATCH 13/14] feat(select): add `modal` as interface (#29972)

Issue number: resolves internal

---------

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

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

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Select only offers `alert`, `action-sheet`, and `popover` as interfaces

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

Adds `modal` as an interface option for `ion-select`

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

---------

Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
---
 core/api.txt                                  |   7 +-
 core/src/components.d.ts                      |  32 +++-
 core/src/components/checkbox/checkbox.tsx     |   6 +-
 .../components/radio-group/radio-group.tsx    |   6 +-
 core/src/components/radio/radio.tsx           |   8 +-
 .../select-modal/select-modal-interface.ts    |   8 +
 .../select-modal/select-modal.ios.scss        |   1 +
 .../select-modal/select-modal.md.scss         |  30 ++++
 .../components/select-modal/select-modal.scss |   3 +
 .../components/select-modal/select-modal.tsx  | 161 ++++++++++++++++++
 .../select-modal/test/basic/index.html        |  40 +++++
 .../test/basic/select-modal.e2e.ts            | 101 +++++++++++
 ...modal-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5626 bytes
 ...odal-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11684 bytes
 ...modal-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 5427 bytes
 ...-modal-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5474 bytes
 ...modal-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11170 bytes
 ...-modal-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 5090 bytes
 ...tiple-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 6759 bytes
 ...iple-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 12959 bytes
 ...tiple-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 6608 bytes
 ...ltiple-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5918 bytes
 ...tiple-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11793 bytes
 ...ltiple-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 5564 bytes
 .../components/select-modal/test/fixtures.ts  |  73 ++++++++
 .../src/components/select/select-interface.ts |   2 +-
 core/src/components/select/select.tsx         |  89 ++++++++--
 .../components/select/test/basic/index.html   |  35 ++++
 .../select/test/basic/select.e2e.ts           |  18 ++
 core/src/utils/overlays-interface.ts          |   6 +-
 .../angular/src/directives/proxies-list.ts    |   1 +
 packages/angular/src/directives/proxies.ts    |  22 +++
 .../standalone/src/directives/proxies.ts      |  25 +++
 packages/react/src/components/proxies.ts      |   2 +
 packages/vue/src/proxies.ts                   |   8 +
 35 files changed, 651 insertions(+), 33 deletions(-)
 create mode 100644 core/src/components/select-modal/select-modal-interface.ts
 create mode 100644 core/src/components/select-modal/select-modal.ios.scss
 create mode 100644 core/src/components/select-modal/select-modal.md.scss
 create mode 100644 core/src/components/select-modal/select-modal.scss
 create mode 100644 core/src/components/select-modal/select-modal.tsx
 create mode 100644 core/src/components/select-modal/test/basic/index.html
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/fixtures.ts

diff --git a/core/api.txt b/core/api.txt
index de7c3531974..3aff52a1cfc 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1614,7 +1614,7 @@ ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean)
 ion-select,prop,disabled,boolean,false,false,false
 ion-select,prop,expandedIcon,string | undefined,undefined,false,false
 ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
-ion-select,prop,interface,"action-sheet" | "alert" | "popover",'alert',false,false
+ion-select,prop,interface,"action-sheet" | "alert" | "modal" | "popover",'alert',false,false
 ion-select,prop,interfaceOptions,any,{},false,false
 ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-select,prop,label,string | undefined,undefined,false,false
@@ -1672,6 +1672,11 @@ ion-select,part,label
 ion-select,part,placeholder
 ion-select,part,text
 
+ion-select-modal,scoped
+ion-select-modal,prop,header,string | undefined,undefined,false,false
+ion-select-modal,prop,multiple,boolean | undefined,undefined,false,false
+ion-select-modal,prop,options,SelectModalOption[],[],false,false
+
 ion-select-option,shadow
 ion-select-option,prop,disabled,boolean,false,false,false
 ion-select-option,prop,value,any,undefined,false,false
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index f0cd3d081ad..48ceedfa8a1 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -35,6 +35,7 @@ import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./compone
 import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 import { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
 import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
+import { SelectModalOption } from "./components/select-modal/select-modal-interface";
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 import { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
@@ -70,6 +71,7 @@ export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./compone
 export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 export { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
 export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
+export { SelectModalOption } from "./components/select-modal/select-modal-interface";
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 export { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
@@ -639,6 +641,7 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "name": string;
+        "setFocus": () => Promise<void>;
         /**
           * The value of the checkbox does not mean if it's checked or not, use the `checked` property for that.  The value of a checkbox is analogous to the value of an `<input type="checkbox">`, it's only used when the checkbox participates in a native `<form>`.
          */
@@ -2279,7 +2282,7 @@ export namespace Components {
          */
         "name": string;
         "setButtonTabindex": (value: number) => Promise<void>;
-        "setFocus": (ev: globalThis.Event) => Promise<void>;
+        "setFocus": (ev?: globalThis.Event) => Promise<void>;
         /**
           * the value of the radio.
          */
@@ -2741,11 +2744,11 @@ export namespace Components {
          */
         "fill"?: 'outline' | 'solid';
         /**
-          * The interface the select should use: `action-sheet`, `popover` or `alert`.
+          * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
         "interface": SelectInterface;
         /**
-          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet) and the [ion-popover docs](./popover) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
+          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet), the [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
          */
         "interfaceOptions": any;
         /**
@@ -2802,6 +2805,11 @@ export namespace Components {
          */
         "value"?: any | null;
     }
+    interface IonSelectModal {
+        "header"?: string;
+        "multiple"?: boolean;
+        "options": SelectModalOption[];
+    }
     interface IonSelectOption {
         /**
           * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
@@ -4434,6 +4442,12 @@ declare global {
         prototype: HTMLIonSelectElement;
         new (): HTMLIonSelectElement;
     };
+    interface HTMLIonSelectModalElement extends Components.IonSelectModal, HTMLStencilElement {
+    }
+    var HTMLIonSelectModalElement: {
+        prototype: HTMLIonSelectModalElement;
+        new (): HTMLIonSelectModalElement;
+    };
     interface HTMLIonSelectOptionElement extends Components.IonSelectOption, HTMLStencilElement {
     }
     var HTMLIonSelectOptionElement: {
@@ -4722,6 +4736,7 @@ declare global {
         "ion-segment": HTMLIonSegmentElement;
         "ion-segment-button": HTMLIonSegmentButtonElement;
         "ion-select": HTMLIonSelectElement;
+        "ion-select-modal": HTMLIonSelectModalElement;
         "ion-select-option": HTMLIonSelectOptionElement;
         "ion-select-popover": HTMLIonSelectPopoverElement;
         "ion-skeleton-text": HTMLIonSkeletonTextElement;
@@ -7497,11 +7512,11 @@ declare namespace LocalJSX {
          */
         "fill"?: 'outline' | 'solid';
         /**
-          * The interface the select should use: `action-sheet`, `popover` or `alert`.
+          * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
         "interface"?: SelectInterface;
         /**
-          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet) and the [ion-popover docs](./popover) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
+          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet), the [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
          */
         "interfaceOptions"?: any;
         /**
@@ -7577,6 +7592,11 @@ declare namespace LocalJSX {
          */
         "value"?: any | null;
     }
+    interface IonSelectModal {
+        "header"?: string;
+        "multiple"?: boolean;
+        "options"?: SelectModalOption[];
+    }
     interface IonSelectOption {
         /**
           * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
@@ -8163,6 +8183,7 @@ declare namespace LocalJSX {
         "ion-segment": IonSegment;
         "ion-segment-button": IonSegmentButton;
         "ion-select": IonSelect;
+        "ion-select-modal": IonSelectModal;
         "ion-select-option": IonSelectOption;
         "ion-select-popover": IonSelectPopover;
         "ion-skeleton-text": IonSkeletonText;
@@ -8262,6 +8283,7 @@ declare module "@stencil/core" {
             "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes<HTMLIonSegmentElement>;
             "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes<HTMLIonSegmentButtonElement>;
             "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes<HTMLIonSelectElement>;
+            "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes<HTMLIonSelectModalElement>;
             "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes<HTMLIonSelectOptionElement>;
             "ion-select-popover": LocalJSX.IonSelectPopover & JSXBase.HTMLAttributes<HTMLIonSelectPopoverElement>;
             "ion-skeleton-text": LocalJSX.IonSkeletonText & JSXBase.HTMLAttributes<HTMLIonSkeletonTextElement>;
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 1eca97eeda7..78206b9fd16 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -1,5 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '@stencil/core';
-import { Component, Element, Event, Host, Prop, h } from '@stencil/core';
+import { Component, Element, Event, Host, Method, Prop, h } from '@stencil/core';
 import type { Attributes } from '@utils/helpers';
 import { inheritAriaAttributes, renderHiddenInput } from '@utils/helpers';
 import { createColorClasses, hostContext } from '@utils/theme';
@@ -121,7 +121,9 @@ export class Checkbox implements ComponentInterface {
     };
   }
 
-  private setFocus() {
+  /** @internal */
+  @Method()
+  async setFocus() {
     if (this.focusEl) {
       this.focusEl.focus();
     }
diff --git a/core/src/components/radio-group/radio-group.tsx b/core/src/components/radio-group/radio-group.tsx
index c46156a2c95..5d6036bc842 100644
--- a/core/src/components/radio-group/radio-group.tsx
+++ b/core/src/components/radio-group/radio-group.tsx
@@ -155,7 +155,9 @@ export class RadioGroup implements ComponentInterface {
 
   @Listen('keydown', { target: 'document' })
   onKeydown(ev: KeyboardEvent) {
-    const inSelectPopover = !!this.el.closest('ion-select-popover');
+    // We don't want the value to automatically change/emit when the radio group is part of a select interface
+    // as this will cause the interface to close when navigating through the radio group options
+    const inSelectInterface = !!this.el.closest('ion-select-popover') || !!this.el.closest('ion-select-modal');
 
     if (ev.target && !this.el.contains(ev.target as HTMLElement)) {
       return;
@@ -187,7 +189,7 @@ export class RadioGroup implements ComponentInterface {
       if (next && radios.includes(next)) {
         next.setFocus(ev);
 
-        if (!inSelectPopover) {
+        if (!inSelectInterface) {
           this.value = next.value;
           this.emitValueChange(ev);
         }
diff --git a/core/src/components/radio/radio.tsx b/core/src/components/radio/radio.tsx
index e037d110f95..bb343c8c858 100644
--- a/core/src/components/radio/radio.tsx
+++ b/core/src/components/radio/radio.tsx
@@ -126,9 +126,11 @@ export class Radio implements ComponentInterface {
 
   /** @internal */
   @Method()
-  async setFocus(ev: globalThis.Event) {
-    ev.stopPropagation();
-    ev.preventDefault();
+  async setFocus(ev?: globalThis.Event) {
+    if (ev !== undefined) {
+      ev.stopPropagation();
+      ev.preventDefault();
+    }
 
     this.el.focus();
   }
diff --git a/core/src/components/select-modal/select-modal-interface.ts b/core/src/components/select-modal/select-modal-interface.ts
new file mode 100644
index 00000000000..2005400cb82
--- /dev/null
+++ b/core/src/components/select-modal/select-modal-interface.ts
@@ -0,0 +1,8 @@
+export interface SelectModalOption {
+  text: string;
+  value: string;
+  disabled: boolean;
+  checked: boolean;
+  cssClass?: string | string[];
+  handler?: (value: any) => boolean | void | { [key: string]: any };
+}
diff --git a/core/src/components/select-modal/select-modal.ios.scss b/core/src/components/select-modal/select-modal.ios.scss
new file mode 100644
index 00000000000..7e60b693fcf
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.ios.scss
@@ -0,0 +1 @@
+@import "./select-modal";
diff --git a/core/src/components/select-modal/select-modal.md.scss b/core/src/components/select-modal/select-modal.md.scss
new file mode 100644
index 00000000000..511c8d786ab
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.md.scss
@@ -0,0 +1,30 @@
+@import "./select-modal";
+@import "../../themes/ionic.mixins.scss";
+@import "../item/item.md.vars";
+
+ion-list ion-radio::part(container) {
+  display: none;
+}
+
+ion-list ion-radio::part(label) {
+  @include margin(0);
+}
+
+ion-item {
+  --inner-border-width: 0;
+}
+
+.item-radio-checked {
+  --background: #{ion-color(primary, base, 0.08)};
+  --background-focused: #{ion-color(primary, base)};
+  --background-focused-opacity: 0.2;
+  --background-hover: #{ion-color(primary, base)};
+  --background-hover-opacity: 0.12;
+}
+
+.item-checkbox-checked {
+  --background-activated: #{$item-md-color};
+  --background-focused: #{$item-md-color};
+  --background-hover: #{$item-md-color};
+  --color: #{ion-color(primary, base)};
+}
diff --git a/core/src/components/select-modal/select-modal.scss b/core/src/components/select-modal/select-modal.scss
new file mode 100644
index 00000000000..683ae23faeb
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.scss
@@ -0,0 +1,3 @@
+:host {
+  height: 100%;
+}
diff --git a/core/src/components/select-modal/select-modal.tsx b/core/src/components/select-modal/select-modal.tsx
new file mode 100644
index 00000000000..ad927860439
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.tsx
@@ -0,0 +1,161 @@
+import { getIonMode } from '@global/ionic-global';
+import type { ComponentInterface } from '@stencil/core';
+import { Component, Element, Host, Prop, forceUpdate, h } from '@stencil/core';
+import { safeCall } from '@utils/overlays';
+import { getClassMap } from '@utils/theme';
+
+import type { CheckboxCustomEvent } from '../checkbox/checkbox-interface';
+import type { RadioGroupCustomEvent } from '../radio-group/radio-group-interface';
+
+import type { SelectModalOption } from './select-modal-interface';
+
+@Component({
+  tag: 'ion-select-modal',
+  styleUrls: {
+    ios: 'select-modal.ios.scss',
+    md: 'select-modal.md.scss',
+    ionic: 'select-modal.md.scss',
+  },
+  scoped: true,
+})
+export class SelectModal implements ComponentInterface {
+  @Element() el!: HTMLIonSelectModalElement;
+
+  @Prop() header?: string;
+
+  @Prop() multiple?: boolean;
+
+  @Prop() options: SelectModalOption[] = [];
+
+  private closeModal() {
+    const modal = this.el.closest('ion-modal');
+
+    if (modal) {
+      modal.dismiss();
+    }
+  }
+
+  private findOptionFromEvent(ev: CheckboxCustomEvent | RadioGroupCustomEvent) {
+    const { options } = this;
+    return options.find((o) => o.value === ev.target.value);
+  }
+
+  private getValues(ev?: CheckboxCustomEvent | RadioGroupCustomEvent): string | string[] | undefined {
+    const { multiple, options } = this;
+
+    if (multiple) {
+      // this is a modal with checkboxes (multiple value select)
+      // return an array of all the checked values
+      return options.filter((o) => o.checked).map((o) => o.value);
+    }
+
+    // this is a modal with radio buttons (single value select)
+    // return the value that was clicked, otherwise undefined
+    const option = ev ? this.findOptionFromEvent(ev) : null;
+    return option ? option.value : undefined;
+  }
+
+  private callOptionHandler(ev: CheckboxCustomEvent | RadioGroupCustomEvent) {
+    const option = this.findOptionFromEvent(ev);
+    const values = this.getValues(ev);
+    if (option?.handler) {
+      safeCall(option.handler, values);
+    }
+  }
+
+  private setChecked(ev: CheckboxCustomEvent): void {
+    const { multiple } = this;
+    const option = this.findOptionFromEvent(ev);
+
+    // this is a modal with checkboxes (multiple value select)
+    // we need to set the checked value for this option
+    if (multiple && option) {
+      option.checked = ev.detail.checked;
+    }
+  }
+
+  private renderRadioOptions() {
+    const checked = this.options.filter((o) => o.checked).map((o) => o.value)[0];
+
+    return (
+      <ion-radio-group value={checked} onIonChange={(ev) => this.callOptionHandler(ev)}>
+        {this.options.map((option) => (
+          <ion-item
+            class={{
+              // TODO FW-4784
+              'item-radio-checked': option.value === checked,
+              ...getClassMap(option.cssClass),
+            }}
+          >
+            <ion-radio
+              value={option.value}
+              disabled={option.disabled}
+              justify="start"
+              labelPlacement="end"
+              onClick={() => this.closeModal()}
+              onKeyUp={(ev) => {
+                if (ev.key === ' ') {
+                  /**
+                   * Selecting a radio option with keyboard navigation,
+                   * either through the Enter or Space keys, should
+                   * dismiss the modal.
+                   */
+                  this.closeModal();
+                }
+              }}
+            >
+              {option.text}
+            </ion-radio>
+          </ion-item>
+        ))}
+      </ion-radio-group>
+    );
+  }
+
+  private renderCheckboxOptions() {
+    return this.options.map((option) => (
+      <ion-item
+        class={{
+          // TODO FW-4784
+          'item-checkbox-checked': option.checked,
+          ...getClassMap(option.cssClass),
+        }}
+      >
+        <ion-checkbox
+          value={option.value}
+          disabled={option.disabled}
+          checked={option.checked}
+          justify="start"
+          labelPlacement="end"
+          onIonChange={(ev) => {
+            this.setChecked(ev);
+            this.callOptionHandler(ev);
+            // TODO FW-4784
+            forceUpdate(this);
+          }}
+        >
+          {option.text}
+        </ion-checkbox>
+      </ion-item>
+    ));
+  }
+
+  render() {
+    return (
+      <Host class={getIonMode(this)}>
+        <ion-header>
+          <ion-toolbar>
+            {this.header !== undefined && <ion-title>{this.header}</ion-title>}
+
+            <ion-buttons slot="end">
+              <ion-button onClick={() => this.closeModal()}>Close</ion-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+        <ion-content>
+          <ion-list>{this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()}</ion-list>
+        </ion-content>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/select-modal/test/basic/index.html b/core/src/components/select-modal/test/basic/index.html
new file mode 100644
index 00000000000..8ddb3b54f0b
--- /dev/null
+++ b/core/src/components/select-modal/test/basic/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Select - Modal</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Select Modal - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-modal is-open="true">
+          <ion-select-modal multiple="false"></ion-select-modal>
+        </ion-modal>
+      </ion-content>
+    </ion-app>
+
+    <script>
+      const selectModal = document.querySelector('ion-select-modal');
+      selectModal.options = [
+        { value: 'apple', text: 'Apple', disabled: false, checked: true },
+        { value: 'banana', text: 'Banana', disabled: false, checked: false },
+      ];
+    </script>
+  </body>
+</html>
diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts b/core/src/components/select-modal/test/basic/select-modal.e2e.ts
new file mode 100644
index 00000000000..126082712c3
--- /dev/null
+++ b/core/src/components/select-modal/test/basic/select-modal.e2e.ts
@@ -0,0 +1,101 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+import type { SelectModalOption } from '../../select-modal-interface';
+import { SelectModalPage } from '../fixtures';
+
+const options: SelectModalOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: false },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+const checkedOptions: SelectModalOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: true },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+/**
+ * This behavior does not vary across modes/directions.
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select-modal: basic'), () => {
+    test.beforeEach(({ browserName }) => {
+      test.skip(browserName === 'webkit', 'ROU-5437');
+    });
+
+    test.describe('single selection', () => {
+      let selectModalPage: SelectModalPage;
+
+      test.beforeEach(async ({ page }) => {
+        selectModalPage = new SelectModalPage(page);
+      });
+
+      test('clicking an unselected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        await selectModalPage.clickOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('clicking a selected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, checkedOptions, false);
+
+        await selectModalPage.clickOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('pressing Space on an unselected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        await selectModalPage.pressSpaceOnOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('pressing Space on a selected option should dismiss the modal', async ({ browserName }) => {
+        test.skip(browserName === 'firefox', 'Same behavior as ROU-5437');
+
+        await selectModalPage.setup(config, checkedOptions, false);
+
+        await selectModalPage.pressSpaceOnOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('clicking the close button should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        const closeButton = selectModalPage.modal.locator('ion-header ion-toolbar ion-button');
+        await closeButton.click();
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+    });
+  });
+});
+
+/**
+ * This behavior does not vary across directions.
+ * The components used inside of `ion-select-modal`
+ * do have RTL logic, but those are tested in their
+ * respective component test files.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select-modal: rendering'), () => {
+    let selectModalPage: SelectModalPage;
+
+    test.beforeEach(async ({ page }) => {
+      selectModalPage = new SelectModalPage(page);
+    });
+    test('should not have visual regressions with single selection', async () => {
+      await selectModalPage.setup(config, checkedOptions, false);
+      await selectModalPage.screenshot(screenshot, 'select-modal-diff');
+    });
+    test('should not have visual regressions with multiple selection', async () => {
+      await selectModalPage.setup(config, checkedOptions, true);
+      await selectModalPage.screenshot(screenshot, 'select-modal-multiple-diff');
+    });
+  });
+});
diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..72f5453ea82e5a783286f860ae0d9ff4df6c4881
GIT binary patch
literal 5626
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
Z_ueC-T+Uzcz+tX|zi;4i;?WB^{{@3BZ887=

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b69898dc6dc76c73e4a0a63ae0bd8eb1160a5285
GIT binary patch
literal 11684
zcmeI2XH-+$o5qo=A~p~dL}_XOQF;*&lHdhJK!GbNDosIwixe^RAOQ;!DN#U>P_KyC
zV=f&bK?%eW5~N8B1QQ7@ln_cFB$=H%v)0U-kF)0gY50_#oPFN&zI(st`8_A=pk18o
zc5L0ZRYF2yhy7{Wa}p98&=L}oy<0YeU!w8#WfBtV685$y&PRJq4@p<txR<Lxhhu%t
z-(nbE@2^S9q8c|S=pHa}c68_LcD%1>bYRz`=;wod;kFy4k6hbz@ZRei2UXBkhMF7O
zcSEvCeNS9YTo}UA`v>c)H&@`idTM*d;)&(idtR^3z{dE3_Bzo3vdBH@Y~HcpkZ4(T
z>ja6!-d%fNLhALmfNvvd8?){&Z{8reaZCMQ2^n)N@q`T;KcV6e$rQbjGd>-ZxJ}^r
zw=IX!Mt`_x{qu7%L}94S4V+(`nvii=zVf8Btop}sNr(Tt$u1rvD><x|OjM!#)Vt$W
z7x%*1ru&F7u}&U>)?ChnrybeI*PG98AeBL4wRLe%B@#=I+*&LsXCUa<AKJ+=BBerN
ze}HX1VYaW2K}_Ep9o!qa)#poX7XyvRNxR^tOgQh&Wx#4PE_s~rc22OCPBi|Irz#5X
zS?G)4KH)rBPJdMCrlcxkWufIXyB3SM7{=tZl31eAp64!d8pCqg5bK1-x000Hrk8dN
z%Az^?spei86~!jjr@IS`qX=I<DqrrXzL}1&9j=>s1g(7sL0>RBPfraf@^5=3GJnv9
zSJ1NamrE%byD2Su_<#Xto=`JaX3Y3(oRelsUma+*qZ5&SW9(}e^SMv(_@FUW(o})H
z34KAt`9`RjPruAz|FXbOZf&wGH8yhU_YX?l55;h@>22x0AI4LVMbA_amTr~U@=Sd;
z{8-iC)#1^16UK*Nq5=XhWbBeim}7xwxhFN3!3;EaiW<i^Z4I)&UjoU#|J+wr-QdNh
zNVsocy;bl`WA2wcU4E<ve)+O1ll9P_EG;sqLx_B?)0X-DVLoH?J;)y_yXZyc1n93W
z{WdfOliOMQ!t@|)NoZ(@bRsDd%%CC2@QZ7#ccVU|qu$U5{bTGu!^pnn19$ra(td_@
z*_1Q0Zmu#=v!<GwLX2VP(!9dN@>9~mFeOdv;^&Pmb_6;1_fRW6e)n5?8=Z~6Wlvig
zXZKC~(hiFmo60MHC?pewfqrZxwSw1yXZn(((o=;ZRQp70OHx6okisl|jbQ$;^Q&$r
zI*hTIR5~?%xzJoAKDv#^8$8QWd23PrY@sWcLyBqDz2!IWhg+n?d)wFNKBj9~7uPqQ
zvLh&?8mP&<7A=v;f#C?x@2H&^Qq=dTh)aDo8+ZX>F`+9(+)bXb&`h6L<MN2@Xx;QX
z8pphRZIy>tcx<P<)PR(0LUKPGyGzS+NKq6?Gct@L(Cen6%9+WId`3>0o_rp`cewO*
z^A2Zwoe#x0E$gdax9QA`zHImUq1YQi-4~Cf-p1hvM!NLL{9`J6ye*=G_(+PzYggR#
z&3096>sj|m*cE<1aleWhn`RQKO2Jb_)k>k!O#ZxcT8ihfyr?96&CkQ=<~<9G8@Fta
zNkr50RWn2KRb`4QgWgqj-VF6H^OvANlRS^@-@~-5-l#yJEi|jOC1+ZqR#6<rs5ip5
z)*{n9aM>`-V=Vs58ir-mr61o_s}$dqT4j#K^c^$95$6O-VJ#7NIAr@){aczH?`5-W
ztFNo%NF*LOG)Lkhe9F-{(*5aE%`2jtG)W`{tHMd_dPy?Yr>02}Yl7S*x8;z|%1|E-
zITh`5yW{7vHk8eUb*(b_e$DhE3sd3ZE6#M0P%XyK3CWEWB6sMA!+buqkiFB5HN#;I
z6;sc66M}M|WmN7y_&AL{{AX8;|8@#FeD;pdMdU>zQCX>i*+va~&0RvFM53IeRs;;a
z&|aXH&*u|W_ejl}zY!d@P(?;M<u5i(6u>#{=|^|&S42j}<6`QE%kr=XW9D8{W$0)3
z?$5)STFuO^sSg{{**7uVa(OSo%A=bz`AYl(Gu`xY8iqISR8kV!LaSL|T`p*K>|$nT
zW}_)TVi&!d_|Ca<7*SYAey!+PwA)y(DzAxc{)THf)MM#yA%MTdzxe$RIY)=iur0EC
z=OuH7tjf8)w-=g=EKzl{sGyGnbLNYv^vfgLe=a&O^b1<;D1!TMEl+;$U9os*Sdf_j
zr9+JfaU(UC!g6Ea1--Oi!W=5uODl?%N4|1YCIvOKR;h+;@E=zC`b!(ZoO68H91%r%
zq*Q(|DT)x+9))>?*r{weXV|Z?Cn@97xr}t11Z$;4)_m7&QPKXJ4Z)Y{OSnxDT-3L5
ziY&I()tUIc_I~%uhMFg#a|d3qk|Gc*feXpCqMvkuNx7@6bA+C=Dg0S4ZQDePjeWRH
zk0D@$f$hdDlB{&+zKvUC$CDB=#*^Oo%BfplO$Kl|Aos!)AnE&#4H_LgE|A6gD!a=?
z&IWS&rWiE)B^{pcf0J$x_;ui5F(m2q;~#)k)@B>CY|YNAWCASN*jn3ff1>{W1eg*6
z0*1Ugt_i@El$?;U_uz>u_rR1PSr@q>mxwa}ciVSu&@i;UTOnp&-2nr3)nG{8vSLXT
zQ%PAIY-8-jt9>+TiNAM)qLY|~o_k#6JVzsLfm0W%K<3kH^|4?ae!<#4{AurJP~7)H
zkYY8LJ1HJt099P@lF|YxhHg8I9;UXx6_4FEW!bvLsN{oy4Z6jUSW7sr@Lv<$;DrOD
zcC0W(N-fR+)b?qwWn_?BX6;Pf6yxqTz2qqzk?^*iIRZA~5?0dY4FtA?$231s^xB)_
z9UsH4rpJ3m1Q(9=`C`%(z2orzHTB*VIe*cuK&xd&zWE)|jT|1etIQcwO%zPy8IO*(
ztWM$7;6e^2hlglGS^wu6jKI;2#ZO5wz0N63dhxZM{OnA(N7KiYD{ZAe)X#r2A1}Vg
zK+^eM^|N<oQ{ZbqW$-QgZtBb_dkZGre5;2dQ=S~MYr(`Xl<>GkB4x{&8sDIX#UH;R
z+F|@44+O<D?CXJtBpVrMcQ%E`VGiQlk<*n@tl?LXkh+PN<7-h(gSbDv$S?Ck>TH+8
z4aA%OvavXe)C`|W!FbJ`Ynxc>t!Re^)bhGNFtd5-NH*RMsSwtGBd57;>ce1sW|4Uq
zL$cjCu=|xcha~UY`NAIGacX}vw;irV6fWYJFEX7TF)?sL0m#bTmp@&NdFkS0IbG4`
zlcLK=lu`}w$JI@~>AR8RIZ*q+@%f7L1GQU?8^RWQ+{j?s?o2J`bWqeGDs-6^pm#4u
z-0q5->b&Ic{UM85W2z07C$V&VdOf4k<ekj_68H_#NQI(~EYf_dzFO39jK4dC!d&Qb
z4&C-#`|b`i+O1+p)llT%l8z6kAWg~Gk2H*&RavH^P*$tsB^}ECKQjVm?kUHP|HWzb
z78(t&P@}5IFh0ASS;I_EA*&+Urv9c4JU<RrTK1LJ_nwTJ$)yQ=dycTP$2eIS+EP{+
z8)%aA2<vDs17EupRL^M%1GzO{bPqOt9LS{z#!E0E?Xs(C#{SgQo{R3f>BlEuEu9J%
z<=VQ+TF%yU8)=|UdH0ao8?<=-^z`U!uq3t0Jv8}R9wSAH;J3u?5B|4&lyD_%BvI-I
zGOGWXL}H=hB_9nA-d>-)b3f+Moodu#N!i&GY~+%+&yV~WPoK%&P(A4#YOwkStqu`y
zZ49o)pCzL55mbw9S)|e&uYK~GXD+GN1XuNI9_zoJ$s6b;9CML#h6}>q5mqOELr~H<
zEZ<5&QT~-0$Pf3>h5*>z!7MT8bjmF9%vXM8B83zmpbC@HI!`icI3jBDa*>tAsqL7W
z`LBC?Xye!L<cUnFQgy7O^=xeKrvdmVMim;X{+abMoXhF<FN}HFVAXAf6$!q%5jux)
z&qN(Gj}YoU0<T$rXBO!Y#;P;k;f<(6Idt@?TZsOjrps^zJv3`2kEtB<>j^GKv0*wm
z)V=uDWCJDWOoBCTE65@s8@@QH9ky0oMxqCq9A~xV%2&gTjuM2NQD!l5dPb(wGzX1!
zJ_ZFXYZ%n`F;N*SqQ~u<7`TZ`0~>%ShD6fuEHCx0syV|}uD>g%9-lT7VB&rq`c0#Q
z=4{SLKD3!d5KM<w`>TVSJ9Ln#=OL#ioO?Lf>Op~`SJWt4FR-nbkG`)sha=e4he&SR
zx=jb45wKlLaQ%vM?9bK$NBFKBm8!TiyxAe$WENJ0z4@U({>^x*F*W*ZDy1yzqGv?U
zl4d063j}jDvuN!)5;NkAT6I;9=l$e#yE<3W*YaBJ1<Q~hS8l#HAI)<0d8iVZ%!;=~
zEOjX3R_?oUFV#S>Mgi1-otEs6OF=%9-LI!hKj2V;so<D45vTvltl3+6_3yrtjujB>
zkTWqd(D4@Ai}}eZtZ9c?MUh`10Ub(MVc}v3tRzkuTrjbewB$ZKpS^V3m3x!YYnqdW
z&HF(Sq#pfH^IUM<l{>DF&I={f>OSVre9}Lay0@b+%_F?yB>v0RqxB*7CPW@6;)S4Q
z3P`~))r1@blN?;Dzb_?*$sbqIIV6<d{g)8E+Fuz<IQFw+!B_asuBu%4s^fEuPXVxt
z{4d+|Ni|{20o30Z*7njElVt-dF%MfMZ#Xj2es`~d#9DaZ3IHuqj=H>o3=3wWs^OkP
zYiFAFLuVS6hnF@-auITG-~IiKvAQZo(?W&y>x}V<7xmHLi_WGE8u;Dcp&H_BPFmY9
zIGpp+0^{tv2^p8Rju&Q#i3GSBtD%h(^Uv{wwY|=!aAz@Zy#R(AGO~Kb<5KlvNVa5M
z8NjnO4nWq+{@auo)#m_N9XAZQ0-6`Q0Vd-hqY+}VYlAtZ2{YPaCLWbc@sx`i4vWIE
zC&dR78V_#OiL}>YaFqZXB@$KTT;!m;vvVB4__KnG+&$fy74Zt#0Ioj#GJj5NAo{>V
z=Er8Jnz)S9pbVEwUPr)qvpZmaRn6ETkd}<}VYKSjR!0qRfvbSMpB0wl#D3!dK(fuX
znAc#uHweJLk5PyLl|mt)>ccwvPr>*eVDe^n8h00{;vuL)=D}#GxQdUPvPf4`kTCJ8
zJ_hjr>tp?SF-EGa+jB@I7}!2=3;jwM{CKU&C(ZOnazwAE8R!qgzQTX5VB=6c=EyKE
zS~(N9((0XV=-X29xeaUjR^ShKkrH}m${i1Ma>wgN9UF1wyZ6dzh&z<jBm<|_oh^bv
z<AvNJ@-92&U5D(_Q>9d+uNpw1ilFMGtj5Pj(ZX=OnvuIa9vQCM_3~^A-j`fOv_dYi
zd7owCWuxeKqEh#p=|%Qkd)OB_7%U~(F!kXRgF{xs3`NnQABe)$nppyWp!FhX>d@4E
zrh$ngvw#CN6EE`yn4wkue)wK5Wb@q5romkQqC3Yv)UvSVzaHB#6p6f(wA-z^_)dqT
zmE_AYqffiYO6O)xTET{8O4?LGVEq2}Q-~za$UT{z`PbO>T<Wx$aJp(xuP}afVu|hy
zUF<fWsbLP}vgkzq&}@shpvSv8OWW0FjmHUNrkPc7;UL0hN!U`KFB8bqqxaRrbx`*|
z9j=m9qJoNWwOY5Q-dDFQ4Th>wJX{^lc9<BSMbl6s0sh;Ow-w~ra^}J>%Wo-~)>ltU
zZ$|^<LGz;-=wJhi*)r?QU$t!uX`yi?0@rwM&GImEP);oJzF^gZP}9$R)6s}_sF@ci
zYH5Eomrqth#d*Z9jN<9>{7Per*$Q;2?@-96>8d`zyx`|Joc>O$xkldihp^phYa>#F
zxvY2pxR$|CVuNnFFoQR42j8dY6@ATJnbO}391>lja}2gz+Z~qFZAmc#J@umT@nJNp
zvr{uKsB`moT1EWi>oOmTX>V#t`tiV#Ji$~cf=e;0&dJA?Kk9MwZqP*=w_6!|#c`Sw
zIV`yg2-h`6ihlZUJIzNTYzmG2ol;eyb-Ja}@|xSTNMhIm*;;ArtzT}KO{?tn`UL$k
z1yz7KITK3i1OB6n4x?AVL*PVPfu)&Ppu~=Bz|r~>`)|kn15pHS0gq)yRKi%zpLX9!
zfeT7I<ASQR(X1)p74VyW_X?>UWw6WJ)9=Z^Y6Od7*EX&72J2|o4j09pDYU9>FzY~V
z?nG&JWL-eegm#Eie~YamutV9$sgGmJE++xN@7|lC(NRP?KJ`wXawi#BE4W_W`11fg
zk;%#Lw0H4S?(~7|W?*E73S+K2GX8p~`bf8$_ICrV+au#jM9&4^2YW6Cz;7cbN^`1+
z+1lu~u-JK((UbDv&y0;pLH1_~j#oC^UqCy@9TXe0CE;hV!M(%o<ES%O6YZVQh3_Yi
zpn+S^!san3{Y^%#I$f%7RuTz2j`dxALWLOp_tt(6!D8~f!kYI4OHd*NfbE)8U~2+k
zodX{G0%zPz%wFd?o}#dk!`#B9u2Xhucf!|ZqKNJ<GRBGaL-|ika?0aHe0nwc&yXu-
zIdA^<m&^Shol00~7X`q4>Y5eYNzz*R26G5m{f32eV1;47sksKj9(2bYd{e7jc{nEz
zJC<u6<`XyJ=p8ugU(ZyT4QN-#8b4)4Tz5Q($Um^?RK6W3oc4FF2L9C~<;HVXOC+}`
zIE5P!a^8%5CAhLjVa#B9$E-$Jesk<D!ZRR&q3SLlAocR%KL^$Iiy`wDHG%B9I9c0g
zrO>_r>HG>5wf?C+P`@mB7rD`c)doO_<|Q2thTae}WE7}o?N{A1K*;J7GQPU!ia}wq
zLE{g-+uP*-w;>fiL1yZiGq(d2G(ogIiOqWGBQ8tg$R|N$!w5@pWbI-|hD!^`+vN{y
z`}1dps36(XTMwflS%x6l^SfQ-_PACXgJd&6veGwFL9%<m(^zx&v^d!p2^pt<R}$l6
zJ>>dYt~b&8-Lozm>w38kigiM+TZ45^^e^$3#OlKD;2i;P@w)))mTTQ|ty`{j%e8K~
z)-Bh%<yyB~>z3<ZV!76B*1FAFw^{#>Y}SZqgQtR3=4`0-J@EFmg#Ae;+Yi5Az5DO%
C8L007

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..05425333c5f209db3974534a77fbd7d7a50521d3
GIT binary patch
literal 5427
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
J{e15FKLB@PJcR%N

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7613855bd6de08d7d922b803b4b7e8cfc0938c72
GIT binary patch
literal 5474
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
J%~w~x{TC!G8$<vA

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d71098bb5c95b8f4585ebf8bcf74272bd978c90
GIT binary patch
literal 11170
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
CQ~3J;

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c190809cd815f88fc045dca13e2a5cc686f8911a
GIT binary patch
literal 5090
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..084a1cd1dc4ef79ed45e451fb39e29a4bb9b0d8f
GIT binary patch
literal 6759
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..73ad71200738eadf5ccfcf48e2e9a38d799502a8
GIT binary patch
literal 12959
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaf5d78f034a0b61ca6d718636baeafe2d6c0d09
GIT binary patch
literal 6608
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8482f64dbaaf660dd11b1d3706aeac075f3a4162
GIT binary patch
literal 5918
zcmeI0d0bQ1w#PwhsUp%VRP04beO?ts9I6Iw7}{b)p&>=45)478B49w70%X$KLPY_s
zQY;aofQ%tQAPEpdurjoa8cYI-Ne~DS$iR>gNJw&z@4x%kdwqR>y8k)nbI#stt-a1~
z@AF;z=C}SnHXHuA!NS7A=FI7nXDuu&Z(3Na5qz`;c%mC}nFB7C$!C4OwxAAdlUrD9
z89sCJtDy9UN-_RUu<ZKOd~%{rnUGO<>SoZ6p40rT>q3#oD4Lp^W#b=jF5CUZ%)i?5
z!;5;#<E-{v+zi_l-RE3@nBO&<6a919d2v|xsPmbVH$S=*G*-0taO_Xbzd*m5=&xYO
zRV?B;WwUR+W9xh+!4n#QA3QNAUrWTzo*49CvV!VDtgjuC>GW$X7~Z67CxsvUi@W=?
zyI{+kP3upW!@m44^qS4Fc6Uzyg;zo52$V%VWPdnAkq1$wzx~M}%f>Nn`E53tXj<v-
z@24a8JiPMz{k?%y_L5M!3Aga)9^&!~5QD)0gTYQ26L%dV($A~gOP#?9Z_-6*rfWFk
z@{25+@vdCb;pnayFT;rN1U55Ml38MXpn0_K$e_ZoF5V6|=Za{W4wvfr9XIU;Jq-#N
z2`t8{*)AcJ=J_s1Qc+Qw``puRCxc$V@k~<;5BWpTfJvQ{XdZ%l;d@<~8y&%vw01$;
z5`7AYv}wp+1Pm{94No&_1(=i++*@mub54{Luk$c!hOqF|(d$-Avqkjvo})FqnOrx?
z@r!*AMjB(>z~C*=!-Uo4St?6)*T?C^+aK-H+?TQ(6Sjgc55Mad)$wzw^KN*_YOxwO
z)$L`PUzsAK>^qB&#fMP7yUIPY2YKcBI%vQ*WKZKQ)auv|>#XC@aR~{YD--uH`i45U
z=T>ie3S0zr;Q}uAtaV_3{ZIvrrD*6~8i^rqx5dqOI)u_9@QSD1{NID@JApYvE)UmV
z=>3%!u?gh)?CI0_>dF#*e<C5!9@=uQ1cFgLJdyn2L_<GmbghaPigL|~qOq4|#Gm7q
z=Y%yc^XiZ+hI0;cH|5*`HCrd4E1>}!w|}8o=sn1pEQ&wSGVzO1Cp9;Z=NUAWUSh`v
zS#Ke6;U1ZS_c;Iik0!7mV3vxg+cesKwmN8EK_-gP)bve>`^t4Ir|+7tyajx#+6<~%
zT3ail=_oKl*pCdbXU_)WD`9h%Zkd|tQfEFeRhCREK%pAG|MSQ7cAolI`KriBbPfGt
zf04wM7pE-<jgS}rkeZUx#AMonJXdcY88|+E`$!2vFaPaGOa#%Wb$fHgTWKgsAG-;`
zkMMz*62>}iVpT0uW1Y8{Xi<o$A$@*KP0+CpKAZbJ&&vP7q4Q+?QpWV-Y;dCFoM-{~
z5>bnj{ehMKb?j9+oTzUZ#H#=?hACx$l)Lh_vj|4LWs9QKh4w7zOaBkP-&f#Ub}AQ9
zANkx4?*59;XQarvAmg-8bax(G!}W71@C~p}o*F=3x^yWnF4F{i7t5U;-f_2J)?4;h
z?TVcr>tsqYXCEAnKEPRB$jZtRN~}P*D{}4=8pouc;nk{Jrb^!BdM1$k#Y|P1Bx4|s
zuIF2oNsJ8`eT02FD6Hwyt742~g(Wp6bo~5}Y!G2NW2)E<kg1T0@!Ye*R^!!kFKlUe
z<HSAqKruwe<QUP>(c}N{*>?36)Iqz6QdcM?7?k-QOT&}>r0(0FCa=zSlamKd6!^-D
zr`%^LjRO$%vo=&cuw78x{>GN^pBs&K&_j1FJUkqW#rpX8gocK~;czAM>)=`*)5K4{
z_Wav@1#$Gfg}qv>Ha9mH27`HLZLChbe3_!G3fd<Yi|JtACA&jaad+i%d39|qkZGVN
z(14ym|94}c0k3(yRG?unf|}QmzC`{9AD&SwDlxl*0C(?X>Kh#$jraEUZaGH{+DCV6
z6<(!tW@lzHQEN6nVoH7m1{V50k%(H|jvhVw8o}f7f?e)zwPc0W!2sI=L1C{fspVW;
ze0*(4E!%IDULBZw+VaLsU1KGe)FWGPjE4h3rjgt%)i;w`-WZ^OOP+*Oi=IKoX2NM7
zFTbpYJ<6;M0F1oGx(WP9*Tf1me1AbEdGpJipLIAUS9yi(qOVE2;k9&|S?O~9r01;l
z|6<>sF+fI{W~Si>64+xw!Dz#6qy^dgz-rE|tUTW1B&<&sSmBOq4UKI+W~IIx!O|Zq
zmqiyqrNTzC!-u#kt)WCUk9eTp+7uUH-#PY)NRLOhXNPk{nn^WvR`lvgsdG*V(y(_w
z2f@?A^PAM%y^<7-l<K7v=B`cJ7x}FXAF+I=i#y0UJX3Y10O`dewp~~ZGp7z6G-T{t
z|BPniOUgR>t5b8->pixy$92sWNOxW`M;)Ojp~si@4~8|TUZZYG2Tkh?De9W)vxqru
zK=-!qTCiaTl#$ubN@tv~W|~-6Q&B66I|`*wFYpVq)bo=fyqoKA=IinvA<RQ}P<@GV
zf55#${?a%jO%;fqF`nr2Z4>bXn2wAqSG^fu+Ip-hA5+u*$Z<Ji2#<0MvmTNQ(8A8Z
zRGodY1D!19YF4UY;gDK$@(3uTn5qZS$eGHlgM%ZhJzXUkenRt$KCPEoTC8rJtt&C$
zb<a_F?XToSF*m|!!lSc|{k4vw)%2*-huhJu=A3|T(3?Y_o!^%;h9b{=*Z6pf5(_KK
zE-<aucQM8M+(at&V#uNw{=x(;<`}3U(J1W`a|@B|1J7cIOjv<&MmR})meN5pJ#MKh
zYgS1ZNY2H`FBRXDPALL1=SXFnMs#LY=sQ1qwhOPQ?Y6JoTv6&gx&N{`-zsED%Az{w
zBqNHPOiZ*3O0E)PC(3=j@xaG@S-~xYJ2l{f1wt4PBMx5V)_UYqhSNsKHr3l1Q}x_G
zvyZuJ5=Fm7017U?9N7Dn4KR_px!|(h@bsN<^DO7KyZmJqkw6(gBG}kR(!{$3tFblX
zf2`dHcb95A7Ln0D1&%JAXlthV&~qU3Kp+l+RNd9kx~nlbVzgWn8b?gPRv9tz%p=><
z;fe{w^6DPQz^bVN!ufpcv5OBK7yUwN?tJ;F&ryltWOwyio#y2mXgD*~p>dMgUu4b>
zuM;_-*$a!_y=v!~3I-tA7bHgG1GX5MDg%TXe(=+)!yR6$wm~zLpS*L5iDVVkM})2E
z%r|Ft&|-2A<cyVcL;P2=uj455jBEx$Rn-M)b8o=(9wbZo3%LS<>6<CCe{5CVeO>0n
z$Uuef;q$asVefWD&C2q!-WNGP)~Z^}BaZLQ&O<|Av~yzDE6R}wYcjLk*eDf!XWz+L
zO}h3%lO8Xinc+GIb6{Yg_bWq;uzQ~skPZxVbt#)^nhh+TWd=>T${!fN6s>ftUoB7G
zD}f9LA4xhbr<qdn<5d|(j#qQ4xMGHeQhZ_R5m1|xA%2tX*r?FT4d#X3yl9h(?qj95
zOJ=&h5xP?}G3K^;v}iCkR&O8@@Wx+(yZ~!xg~ejH(;I4?bL=XQ;-(H}X`L81kZh`<
z_pMgOy}(Rpo15&HojpAMa~G$?GbPgeNxT27Zg7V)+2l)KdfM8ye<0{qY0!N?sO}jX
zqu<P&-RVGqu%5_;oNWw(Uut-0s-h|hmBtRl#>^W8t=$_B=5LL9y8Z_ZR+2Jdsm-US
zX=fYTy0;y-AlDe8PuaQ{pMIl?45d|MMU4%&ZU?PZ5R4ItMF!bjS5U3S14drHB+CgD
zyI2~B)Y#UK{YpgOwC`J%6lbLvOSOYq0Ja2OCKOu!C2;-EztI0k!U1@qmHT4fk;SP&
z6g@5&lrK%>7%Sjp!XG=bHD=*8TN+`Ir2hn1Zy|MvV?@)ciQq8mO_eTI6h>rLJLdqb
z7`m?j<B=|6pn)f`=#RdXYFRKO5(y2^?D~eC&CAjVUf6oQfqdn7II6?aYTKcVg^A+h
zwsVBnYOoUA7&B=46HfRXK+RHT#^sR(fXLt^uo9ptM^D@`79ZRG=oW#Tz%4&h_unm^
zPsz}{@&OT7=K<W(v)h~_F@F@hvHM?F2ikfrj{-2EO9*=!)%h%AkxxZJV!7o9@p8YN
zr*2oFIr0k9CWxZGwY4>4ak8LSHi(-%LSF9J^I@$0q0^;Puta*AQpo4?&)nP1i;$!W
zklEXk{`h5=A20xbv||@~?%OzmU#B5cdBF}S-2C3khYgw9nU%#UP;%elTU%WJSsu_H
zS-ms_bwH*7@L?mFXZw3-UjxM72O#2P-*1KIlKyPII*vdfBJf(CP*Rrfsc+~#P>W{+
zc9L3fi~Vkbh`jBPG=S@7`E|gLx45|2pklqlB*^KqYhP`~!v!NFBSIm<9tv<pfPFYK
z0k5PBPUSlx?K`<o{BD&_%jFp>vO)+1;*;-W<X2MtPsr|1PEHCPe*&48yMeeng-g%3
zuG^S34bBC5nE>llyjUWUaJfkXC#Lp?HIy%%o(kpYd4S`@>6ecIG6~}l@N|S&b*4v_
zr1su;!(+o%XEjM%0klt#Tm-5lN@HWAa}IESd8FZjtfydBKqJbZ6fOzlX>AX`$K<U^
z>oimVSOIXUHBdg;*x1AisQAg>Vg@{PZ?2Aa@k%^tVvTZGwQZfEbQ;?V6jGhH90Uo|
zTMnE{Hz=8?tDT=f18zHcw6?UYOp+2kryt$;0s`R}m5GVN^^e(Xe0Pkfxa=Cz-Xjsw
zk|b-21?mYBIJ)aLQ2$`~lrZV)q}#31s@hr>P|_g6!)-k@FRKG9^Bmn&k8W(r1j-H!
zjv+p=VHo<vbYM0DND?$)b=1mhYx%f=T3H#Ro#E~D$x{gK-C-r$*AMCOa3+A2bqIP*
z$ip^Uxf&zC1;CP_38`?7tOOt<L9dY;<6z2|UagL00ZKBqRjwVjDHZ&F-PZN5m!p4i
zRsXHh_r0&be|+#hhwpRve>in|FPrzWc`uv4d35{#w21V?p3Y#qd6||B9C%xtf%>1M
JejWM4zX9x_7%Kn(

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..29c3709ef58e7b6b2b5fb2b4d82aeeaddbc98ade
GIT binary patch
literal 11793
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
CHCdYg

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b55b7bc77e5fb2f0112fc0fd89f3628f77342abe
GIT binary patch
literal 5564
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/fixtures.ts b/core/src/components/select-modal/test/fixtures.ts
new file mode 100644
index 00000000000..2058848aa84
--- /dev/null
+++ b/core/src/components/select-modal/test/fixtures.ts
@@ -0,0 +1,73 @@
+import { expect } from '@playwright/test';
+import type { E2EPage, E2ELocator, EventSpy, E2EPageOptions, ScreenshotFn } from '@utils/test/playwright';
+
+import type { SelectModalOption } from '../select-modal-interface';
+
+export class SelectModalPage {
+  private page: E2EPage;
+  private multiple?: boolean;
+  private options: SelectModalOption[] = [];
+
+  // Locators
+  modal!: E2ELocator;
+  selectModal!: E2ELocator;
+
+  // Event spies
+  ionModalDidDismiss!: EventSpy;
+
+  constructor(page: E2EPage) {
+    this.page = page;
+  }
+
+  async setup(config: E2EPageOptions, options: SelectModalOption[], multiple = false) {
+    const { page } = this;
+
+    await page.setContent(
+      `
+    <ion-modal>
+      <ion-select-modal></ion-select-modal>
+    </ion-modal>
+    <script>
+      const selectModal = document.querySelector('ion-select-modal');
+      selectModal.options = ${JSON.stringify(options)};
+      selectModal.multiple = ${multiple};
+    </script>
+    `,
+      config
+    );
+
+    const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
+    this.ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
+
+    this.modal = page.locator('ion-modal');
+    this.selectModal = page.locator('ion-select-modal');
+    this.multiple = multiple;
+    this.options = options;
+
+    await this.modal.evaluate((modal: HTMLIonModalElement) => modal.present());
+
+    await ionModalDidPresent.next();
+  }
+
+  async screenshot(screenshot: ScreenshotFn, name: string) {
+    await expect(this.selectModal).toHaveScreenshot(screenshot(name));
+  }
+
+  async clickOption(value: string) {
+    const option = this.getOption(value);
+    await option.click();
+  }
+
+  async pressSpaceOnOption(value: string) {
+    const option = this.getOption(value);
+    await option.press('Space');
+  }
+
+  private getOption(value: string) {
+    const { multiple, selectModal } = this;
+    const selector = multiple ? 'ion-checkbox' : 'ion-radio';
+    const index = this.options.findIndex((o) => o.value === value);
+
+    return selectModal.locator(selector).nth(index);
+  }
+}
diff --git a/core/src/components/select/select-interface.ts b/core/src/components/select/select-interface.ts
index 4fa2a18828c..8e65377a825 100644
--- a/core/src/components/select/select-interface.ts
+++ b/core/src/components/select/select-interface.ts
@@ -1,4 +1,4 @@
-export type SelectInterface = 'action-sheet' | 'popover' | 'alert';
+export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index bdd8cc0b2e5..3b4ef84f26f 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -4,7 +4,7 @@ import type { NotchController } from '@utils/forms';
 import { compareOptions, createNotchController, isOptionSelected } from '@utils/forms';
 import { focusVisibleElement, renderHiddenInput, inheritAttributes } from '@utils/helpers';
 import type { Attributes } from '@utils/helpers';
-import { actionSheetController, alertController, popoverController } from '@utils/overlays';
+import { actionSheetController, alertController, popoverController, modalController } from '@utils/overlays';
 import type { OverlaySelect } from '@utils/overlays-interface';
 import { isRTL } from '@utils/rtl';
 import { createColorClasses, hostContext } from '@utils/theme';
@@ -19,6 +19,7 @@ import type {
   CssClassMap,
   PopoverOptions,
   StyleEventDetail,
+  ModalOptions,
 } from '../../interface';
 import type { ActionSheetButton } from '../action-sheet/action-sheet-interface';
 import type { AlertInput } from '../alert/alert-interface';
@@ -98,15 +99,15 @@ export class Select implements ComponentInterface {
   @Prop() fill?: 'outline' | 'solid';
 
   /**
-   * The interface the select should use: `action-sheet`, `popover` or `alert`.
+   * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
    */
   @Prop() interface: SelectInterface = 'alert';
 
   /**
    * Any additional options that the `alert`, `action-sheet` or `popover` interface
    * can take. See the [ion-alert docs](./alert), the
-   * [ion-action-sheet docs](./action-sheet) and the
-   * [ion-popover docs](./popover) for the
+   * [ion-action-sheet docs](./action-sheet), the
+   * [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the
    * create options for each interface.
    *
    * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
@@ -318,9 +319,9 @@ export class Select implements ComponentInterface {
 
     await overlay.present();
 
-    // focus selected option for popovers
-    if (this.interface === 'popover') {
-      const indexOfSelected = this.childOpts.map((o) => o.value).indexOf(this.value);
+    // focus selected option for popovers and modals
+    if (this.interface === 'popover' || this.interface === 'modal') {
+      const indexOfSelected = this.childOpts.findIndex((o) => o.value === this.value);
 
       if (indexOfSelected > -1) {
         const selectedItem = overlay.querySelector<HTMLElement>(
@@ -328,8 +329,6 @@ export class Select implements ComponentInterface {
         );
 
         if (selectedItem) {
-          focusVisibleElement(selectedItem);
-
           /**
            * Browsers such as Firefox do not
            * correctly delegate focus when manually
@@ -341,10 +340,17 @@ export class Select implements ComponentInterface {
            * we only need to worry about those two components
            * when focusing.
            */
-          const interactiveEl = selectedItem.querySelector<HTMLElement>('ion-radio, ion-checkbox');
+          const interactiveEl = selectedItem.querySelector<HTMLElement>('ion-radio, ion-checkbox') as
+            | HTMLIonRadioElement
+            | HTMLIonCheckboxElement
+            | null;
           if (interactiveEl) {
-            interactiveEl.focus();
+            // Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
+            // and removing `ion-focused` style
+            interactiveEl.setFocus();
           }
+
+          focusVisibleElement(selectedItem);
         }
       } else {
         /**
@@ -352,14 +358,18 @@ export class Select implements ComponentInterface {
          */
         const firstEnabledOption = overlay.querySelector<HTMLElement>(
           'ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)'
-        );
-        if (firstEnabledOption) {
-          focusVisibleElement(firstEnabledOption.closest('ion-item')!);
+        ) as HTMLIonRadioElement | HTMLIonCheckboxElement | null;
 
+        if (firstEnabledOption) {
           /**
            * Focus the option for the same reason as we do above.
+           *
+           * Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
+           * and removing `ion-focused` style
            */
-          firstEnabledOption.focus();
+          firstEnabledOption.setFocus();
+
+          focusVisibleElement(firstEnabledOption.closest('ion-item')!);
         }
       }
     }
@@ -389,6 +399,9 @@ export class Select implements ComponentInterface {
     if (selectInterface === 'popover') {
       return this.openPopover(ev!);
     }
+    if (selectInterface === 'modal') {
+      return this.openModal();
+    }
     return this.openAlert();
   }
 
@@ -406,7 +419,13 @@ export class Select implements ComponentInterface {
       case 'popover':
         const popover = overlay.querySelector('ion-select-popover');
         if (popover) {
-          popover.options = this.createPopoverOptions(childOpts, value);
+          popover.options = this.createOverlaySelectOptions(childOpts, value);
+        }
+        break;
+      case 'modal':
+        const modal = overlay.querySelector('ion-select-modal');
+        if (modal) {
+          modal.options = this.createOverlaySelectOptions(childOpts, value);
         }
         break;
       case 'alert':
@@ -475,7 +494,7 @@ export class Select implements ComponentInterface {
     return alertInputs;
   }
 
-  private createPopoverOptions(data: HTMLIonSelectOptionElement[], selectValue: any): SelectPopoverOption[] {
+  private createOverlaySelectOptions(data: HTMLIonSelectOptionElement[], selectValue: any): SelectPopoverOption[] {
     const popoverOptions = data.map((option) => {
       const value = getOptionValue(option);
 
@@ -553,7 +572,7 @@ export class Select implements ComponentInterface {
         message: interfaceOptions.message,
         multiple,
         value,
-        options: this.createPopoverOptions(this.childOpts, value),
+        options: this.createOverlaySelectOptions(this.childOpts, value),
       },
     };
 
@@ -647,6 +666,40 @@ export class Select implements ComponentInterface {
     return alertController.create(alertOpts);
   }
 
+  private openModal() {
+    const { multiple, value, interfaceOptions } = this;
+    const mode = getIonMode(this);
+
+    const modalOpts: ModalOptions = {
+      ...interfaceOptions,
+      mode,
+
+      cssClass: ['select-modal', interfaceOptions.cssClass],
+      component: 'ion-select-modal',
+      componentProps: {
+        header: interfaceOptions.header,
+        multiple,
+        value,
+        options: this.createOverlaySelectOptions(this.childOpts, value),
+      },
+    };
+
+    /**
+     * Workaround for Stencil to autodefine
+     * ion-select-modal and ion-modal when
+     * using Custom Elements build.
+     */
+    // eslint-disable-next-line
+    if (false) {
+      // eslint-disable-next-line
+      // @ts-ignore
+      document.createElement('ion-select-modal');
+      document.createElement('ion-modal');
+    }
+
+    return modalController.create(modalOpts);
+  }
+
   /**
    * Close the select interface.
    */
diff --git a/core/src/components/select/test/basic/index.html b/core/src/components/select/test/basic/index.html
index 421dd4505fe..c958d08f909 100644
--- a/core/src/components/select/test/basic/index.html
+++ b/core/src/components/select/test/basic/index.html
@@ -51,6 +51,14 @@
               <ion-select-option value="pears">Pears</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item>
+            <ion-select label="Modal" placeholder="Select one" interface="modal">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
 
         <ion-list>
@@ -76,6 +84,15 @@
               <ion-select-option value="honeybadger">Honey Badger</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item>
+            <ion-select label="Modal" multiple="true" interface="modal">
+              <ion-select-option value="bird">Bird</ion-select-option>
+              <ion-select-option value="cat">Cat</ion-select-option>
+              <ion-select-option value="dog">Dog</ion-select-option>
+              <ion-select-option value="honeybadger">Honey Badger</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
 
         <ion-list>
@@ -124,6 +141,16 @@
               <ion-select-option value="onions">Onions</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item color="secondary">
+            <ion-select label="Modal Sheet" id="customModalSelect" interface="modal" placeholder="Select One">
+              <ion-select-option value="pepperoni">Pepperoni</ion-select-option>
+              <ion-select-option value="bacon">Bacon</ion-select-option>
+              <ion-select-option value="xcheese">Extra Cheese</ion-select-option>
+              <ion-select-option value="mushrooms">Mushrooms</ion-select-option>
+              <ion-select-option value="onions">Onions</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
       </ion-content>
 
@@ -152,6 +179,14 @@
           message: '$1.50 charge for every topping',
         };
         customActionSheetSelect.interfaceOptions = customActionSheetOptions;
+
+        var customModalSelect = document.getElementById('customModalSelect');
+        var customModalSheetOptions = {
+          header: 'Pizza Toppings',
+          breakpoints: [0.5],
+          initialBreakpoint: 0.5,
+        };
+        customModalSelect.interfaceOptions = customModalSheetOptions;
       </script>
     </ion-app>
   </body>
diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index d44c8ca7619..35747728495 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -58,6 +58,24 @@ configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
         await expect(popover).toBeVisible();
       });
     });
+
+    test.describe('select: modal', () => {
+      test('it should open a modal select', async ({ page }) => {
+        const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
+
+        await page.click('#customModalSelect');
+
+        await ionModalDidPresent.next();
+
+        const modal = page.locator('ion-modal');
+
+        // select has no value, so first option should be focused by default
+        const modalOption1 = modal.locator('.select-interface-option:first-of-type ion-radio');
+        await expect(modalOption1).toBeFocused();
+
+        await expect(modal).toBeVisible();
+      });
+    });
   });
 });
 
diff --git a/core/src/utils/overlays-interface.ts b/core/src/utils/overlays-interface.ts
index 4a37fca71ab..63f70baac8b 100644
--- a/core/src/utils/overlays-interface.ts
+++ b/core/src/utils/overlays-interface.ts
@@ -46,4 +46,8 @@ export interface HTMLIonOverlayElement extends HTMLStencilElement {
   present: () => Promise<void>;
 }
 
-export type OverlaySelect = HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement;
+export type OverlaySelect =
+  | HTMLIonActionSheetElement
+  | HTMLIonAlertElement
+  | HTMLIonPopoverElement
+  | HTMLIonModalElement;
diff --git a/packages/angular/src/directives/proxies-list.ts b/packages/angular/src/directives/proxies-list.ts
index 1874d0bfe2d..93d0cc13ad9 100644
--- a/packages/angular/src/directives/proxies-list.ts
+++ b/packages/angular/src/directives/proxies-list.ts
@@ -70,6 +70,7 @@ export const DIRECTIVES = [
   d.IonSegment,
   d.IonSegmentButton,
   d.IonSelect,
+  d.IonSelectModal,
   d.IonSelectOption,
   d.IonSkeletonText,
   d.IonSpinner,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 89558cb46a1..e384f56c531 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -2057,6 +2057,28 @@ This event will not emit when programmatically setting the `value` property.
 }
 
 
+@ProxyCmp({
+  inputs: ['header', 'multiple', 'options']
+})
+@Component({
+  selector: 'ion-select-modal',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['header', 'multiple', 'options'],
+})
+export class IonSelectModal {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSelectModal extends Components.IonSelectModal {}
+
+
 @ProxyCmp({
   inputs: ['disabled', 'value']
 })
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index b0426e56968..5fac940a661 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -65,6 +65,7 @@ import { defineCustomElement as defineIonReorderGroup } from '@ionic/core/compon
 import { defineCustomElement as defineIonRippleEffect } from '@ionic/core/components/ion-ripple-effect.js';
 import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-row.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -1841,6 +1842,30 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+  defineCustomElementFn: defineIonSelectModal,
+  inputs: ['header', 'multiple', 'options']
+})
+@Component({
+  selector: 'ion-select-modal',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['header', 'multiple', 'options'],
+  standalone: true
+})
+export class IonSelectModal {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSelectModal extends Components.IonSelectModal {}
+
+
 @ProxyCmp({
   defineCustomElementFn: defineIonSelectOption,
   inputs: ['disabled', 'value']
diff --git a/packages/react/src/components/proxies.ts b/packages/react/src/components/proxies.ts
index 05800f38773..14f81d30ebd 100644
--- a/packages/react/src/components/proxies.ts
+++ b/packages/react/src/components/proxies.ts
@@ -62,6 +62,7 @@ import { defineCustomElement as defineIonSearchbar } from '@ionic/core/component
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -131,6 +132,7 @@ export const IonSearchbar = /*@__PURE__*/createReactComponent<JSX.IonSearchbar,
 export const IonSegment = /*@__PURE__*/createReactComponent<JSX.IonSegment, HTMLIonSegmentElement>('ion-segment', undefined, undefined, defineIonSegment);
 export const IonSegmentButton = /*@__PURE__*/createReactComponent<JSX.IonSegmentButton, HTMLIonSegmentButtonElement>('ion-segment-button', undefined, undefined, defineIonSegmentButton);
 export const IonSelect = /*@__PURE__*/createReactComponent<JSX.IonSelect, HTMLIonSelectElement>('ion-select', undefined, undefined, defineIonSelect);
+export const IonSelectModal = /*@__PURE__*/createReactComponent<JSX.IonSelectModal, HTMLIonSelectModalElement>('ion-select-modal', undefined, undefined, defineIonSelectModal);
 export const IonSelectOption = /*@__PURE__*/createReactComponent<JSX.IonSelectOption, HTMLIonSelectOptionElement>('ion-select-option', undefined, undefined, defineIonSelectOption);
 export const IonSkeletonText = /*@__PURE__*/createReactComponent<JSX.IonSkeletonText, HTMLIonSkeletonTextElement>('ion-skeleton-text', undefined, undefined, defineIonSkeletonText);
 export const IonSpinner = /*@__PURE__*/createReactComponent<JSX.IonSpinner, HTMLIonSpinnerElement>('ion-spinner', undefined, undefined, defineIonSpinner);
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 347673a7461..0d93a32c46d 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -68,6 +68,7 @@ import { defineCustomElement as defineIonSearchbar } from '@ionic/core/component
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -782,6 +783,13 @@ export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSel
 'value', 'ion-change');
 
 
+export const IonSelectModal = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
+  'header',
+  'multiple',
+  'options'
+]);
+
+
 export const IonSelectOption = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
   'disabled',
   'value'

From d74a34c04052bd200b73634e1f28669e49d4e04f Mon Sep 17 00:00:00 2001
From: Tanner Reits <47483144+tanner-reits@users.noreply.github.com>
Date: Thu, 31 Oct 2024 12:20:02 -0400
Subject: [PATCH 14/14] feat(segment-view): adds support for new
 `ion-segment-view` component (#29969)

Issue number: resolves internal

---------

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

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

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Segments can only be changed by clicking a segment button, or dragging
the indicator

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

The segment/segment buttons can now be linked to segment content within
a segment view component. This content is scrollable/swipeable. Changing
the content will update the segment/indicator and vice-versa.

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

**Limitations:**
- Segment buttons **cannot** be disabled when connected ton
`ion-segment-content` instances
- The `ion-segment` **cannot** be without a value when linked with an
`ion-segment-view`. If no value is provided, the value will default to
the value of the first `ion-segment-content`


[Preview](https://ionic-framework-jlt8by2io-ionic1.vercel.app/src/components/segment-view/test/basic)
[Preview (disabled
state)](https://ionic-framework-jlt8by2io-ionic1.vercel.app/src/components/segment-view/test/disabled)

---------

Co-authored-by: Brandy Carney <brandyscarney@gmail.com>
---
 core/api.txt                                  |   7 +
 core/src/components.d.ts                      |  68 +++++++
 .../segment-button/segment-button.tsx         |  37 +++-
 .../segment-content/segment-content.scss      |  11 ++
 .../segment-content/segment-content.tsx       |  17 ++
 .../segment-view/segment-view-interface.ts    |   4 +
 .../segment-view/segment-view.ios.scss        |   9 +
 .../segment-view/segment-view.md.scss         |   9 +
 .../components/segment-view/segment-view.scss |  31 ++++
 .../components/segment-view/segment-view.tsx  | 153 ++++++++++++++++
 .../segment-view/test/basic/index.html        | 164 +++++++++++++++++
 .../test/basic/segment-view.e2e.ts            | 173 ++++++++++++++++++
 .../segment-view/test/disabled/index.html     | 103 +++++++++++
 .../test/disabled/segment-view.e2e.ts         |  49 +++++
 ...w-disabled-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 16516 bytes
 ...-disabled-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 23115 bytes
 ...w-disabled-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 16069 bytes
 ...ew-disabled-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 15634 bytes
 ...w-disabled-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 23920 bytes
 ...ew-disabled-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 15953 bytes
 core/src/components/segment/segment.tsx       | 150 +++++++++++++--
 .../angular/src/directives/proxies-list.ts    |   2 +
 packages/angular/src/directives/proxies.ts    |  55 +++++-
 .../standalone/src/directives/proxies.ts      |  61 +++++-
 packages/react/src/components/proxies.ts      |   4 +
 packages/vue/src/proxies.ts                   |  12 ++
 26 files changed, 1096 insertions(+), 23 deletions(-)
 create mode 100644 core/src/components/segment-content/segment-content.scss
 create mode 100644 core/src/components/segment-content/segment-content.tsx
 create mode 100644 core/src/components/segment-view/segment-view-interface.ts
 create mode 100644 core/src/components/segment-view/segment-view.ios.scss
 create mode 100644 core/src/components/segment-view/segment-view.md.scss
 create mode 100644 core/src/components/segment-view/segment-view.scss
 create mode 100644 core/src/components/segment-view/segment-view.tsx
 create mode 100644 core/src/components/segment-view/test/basic/index.html
 create mode 100644 core/src/components/segment-view/test/basic/segment-view.e2e.ts
 create mode 100644 core/src/components/segment-view/test/disabled/index.html
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png

diff --git a/core/api.txt b/core/api.txt
index 3aff52a1cfc..67d49417556 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1542,6 +1542,7 @@ ion-segment,css-prop,--background,ios
 ion-segment,css-prop,--background,md
 
 ion-segment-button,shadow
+ion-segment-button,prop,contentId,string | undefined,undefined,false,true
 ion-segment-button,prop,disabled,boolean,false,false,false
 ion-segment-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,'icon-top',false,false
 ion-segment-button,prop,mode,"ios" | "md",undefined,false,false
@@ -1607,6 +1608,12 @@ ion-segment-button,part,indicator
 ion-segment-button,part,indicator-background
 ion-segment-button,part,native
 
+ion-segment-content,shadow
+
+ion-segment-view,shadow
+ion-segment-view,prop,disabled,boolean,false,false,false
+ion-segment-view,event,ionSegmentViewScroll,SegmentViewScrollEvent,true
+
 ion-select,shadow
 ion-select,prop,cancelText,string,'Cancel',false,false
 ion-select,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index 48ceedfa8a1..2e5163329dd 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -34,6 +34,7 @@ import { NavigationHookCallback } from "./components/route/route-interface";
 import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
 import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 import { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
+import { SegmentViewScrollEvent } from "./components/segment-view/segment-view-interface";
 import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
 import { SelectModalOption } from "./components/select-modal/select-modal-interface";
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
@@ -70,6 +71,7 @@ export { NavigationHookCallback } from "./components/route/route-interface";
 export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
 export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 export { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
+export { SegmentViewScrollEvent } from "./components/segment-view/segment-view-interface";
 export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
 export { SelectModalOption } from "./components/select-modal/select-modal-interface";
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
@@ -2696,6 +2698,10 @@ export namespace Components {
         "value"?: SegmentValue;
     }
     interface IonSegmentButton {
+        /**
+          * The `id` of the segment content.
+         */
+        "contentId"?: string;
         /**
           * If `true`, the user cannot interact with the segment button.
          */
@@ -2718,6 +2724,19 @@ export namespace Components {
          */
         "value": SegmentValue;
     }
+    interface IonSegmentContent {
+    }
+    interface IonSegmentView {
+        /**
+          * If `true`, the segment view cannot be interacted with.
+         */
+        "disabled": boolean;
+        /**
+          * @param id : The id of the segment content to display.
+          * @param smoothScroll : Whether to animate the scroll transition.
+         */
+        "setContent": (id: string, smoothScroll?: boolean) => Promise<void>;
+    }
     interface IonSelect {
         /**
           * The text to display on the cancel button.
@@ -3424,6 +3443,10 @@ export interface IonSegmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSegmentElement;
 }
+export interface IonSegmentViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIonSegmentViewElement;
+}
 export interface IonSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSelectElement;
@@ -4420,6 +4443,29 @@ declare global {
         prototype: HTMLIonSegmentButtonElement;
         new (): HTMLIonSegmentButtonElement;
     };
+    interface HTMLIonSegmentContentElement extends Components.IonSegmentContent, HTMLStencilElement {
+    }
+    var HTMLIonSegmentContentElement: {
+        prototype: HTMLIonSegmentContentElement;
+        new (): HTMLIonSegmentContentElement;
+    };
+    interface HTMLIonSegmentViewElementEventMap {
+        "ionSegmentViewScroll": SegmentViewScrollEvent;
+    }
+    interface HTMLIonSegmentViewElement extends Components.IonSegmentView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIonSegmentViewElementEventMap>(type: K, listener: (this: HTMLIonSegmentViewElement, ev: IonSegmentViewCustomEvent<HTMLIonSegmentViewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIonSegmentViewElementEventMap>(type: K, listener: (this: HTMLIonSegmentViewElement, ev: IonSegmentViewCustomEvent<HTMLIonSegmentViewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIonSegmentViewElement: {
+        prototype: HTMLIonSegmentViewElement;
+        new (): HTMLIonSegmentViewElement;
+    };
     interface HTMLIonSelectElementEventMap {
         "ionChange": SelectChangeEventDetail;
         "ionCancel": void;
@@ -4735,6 +4781,8 @@ declare global {
         "ion-searchbar": HTMLIonSearchbarElement;
         "ion-segment": HTMLIonSegmentElement;
         "ion-segment-button": HTMLIonSegmentButtonElement;
+        "ion-segment-content": HTMLIonSegmentContentElement;
+        "ion-segment-view": HTMLIonSegmentViewElement;
         "ion-select": HTMLIonSelectElement;
         "ion-select-modal": HTMLIonSelectModalElement;
         "ion-select-option": HTMLIonSelectOptionElement;
@@ -7465,6 +7513,10 @@ declare namespace LocalJSX {
         "value"?: SegmentValue;
     }
     interface IonSegmentButton {
+        /**
+          * The `id` of the segment content.
+         */
+        "contentId"?: string;
         /**
           * If `true`, the user cannot interact with the segment button.
          */
@@ -7486,6 +7538,18 @@ declare namespace LocalJSX {
          */
         "value"?: SegmentValue;
     }
+    interface IonSegmentContent {
+    }
+    interface IonSegmentView {
+        /**
+          * If `true`, the segment view cannot be interacted with.
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the segment view is scrolled.
+         */
+        "onIonSegmentViewScroll"?: (event: IonSegmentViewCustomEvent<SegmentViewScrollEvent>) => void;
+    }
     interface IonSelect {
         /**
           * The text to display on the cancel button.
@@ -8182,6 +8246,8 @@ declare namespace LocalJSX {
         "ion-searchbar": IonSearchbar;
         "ion-segment": IonSegment;
         "ion-segment-button": IonSegmentButton;
+        "ion-segment-content": IonSegmentContent;
+        "ion-segment-view": IonSegmentView;
         "ion-select": IonSelect;
         "ion-select-modal": IonSelectModal;
         "ion-select-option": IonSelectOption;
@@ -8282,6 +8348,8 @@ declare module "@stencil/core" {
             "ion-searchbar": LocalJSX.IonSearchbar & JSXBase.HTMLAttributes<HTMLIonSearchbarElement>;
             "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes<HTMLIonSegmentElement>;
             "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes<HTMLIonSegmentButtonElement>;
+            "ion-segment-content": LocalJSX.IonSegmentContent & JSXBase.HTMLAttributes<HTMLIonSegmentContentElement>;
+            "ion-segment-view": LocalJSX.IonSegmentView & JSXBase.HTMLAttributes<HTMLIonSegmentViewElement>;
             "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes<HTMLIonSelectElement>;
             "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes<HTMLIonSelectModalElement>;
             "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes<HTMLIonSelectOptionElement>;
diff --git a/core/src/components/segment-button/segment-button.tsx b/core/src/components/segment-button/segment-button.tsx
index 26954fb6cbd..d860735f729 100644
--- a/core/src/components/segment-button/segment-button.tsx
+++ b/core/src/components/segment-button/segment-button.tsx
@@ -36,6 +36,11 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
 
   @State() checked = false;
 
+  /**
+   * The `id` of the segment content.
+   */
+  @Prop({ reflect: true }) contentId?: string;
+
   /**
    * If `true`, the user cannot interact with the segment button.
    */
@@ -67,6 +72,30 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
       addEventListener(segmentEl, 'ionSelect', this.updateState);
       addEventListener(segmentEl, 'ionStyle', this.updateStyle);
     }
+
+    // Return if there is no contentId defined
+    if (!this.contentId) return;
+
+    // Attempt to find the Segment Content by its contentId
+    const segmentContent = document.getElementById(this.contentId) as HTMLIonSegmentContentElement | null;
+
+    // If no associated Segment Content exists, log an error and return
+    if (!segmentContent) {
+      console.error(`Segment Button: Unable to find Segment Content with id="${this.contentId}".`);
+      return;
+    }
+
+    // Ensure the found element is a valid ION-SEGMENT-CONTENT
+    if (segmentContent.tagName !== 'ION-SEGMENT-CONTENT') {
+      console.error(`Segment Button: Element with id="${this.contentId}" is not an <ion-segment-content> element.`);
+      return;
+    }
+
+    // Prevent buttons from being disabled when associated with segment content
+    if (this.disabled) {
+      console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
+      this.disabled = false;
+    }
   }
 
   disconnectedCallback() {
@@ -161,13 +190,7 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
           </span>
           {mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
         </button>
-        <div
-          part="indicator"
-          class={{
-            'segment-button-indicator': true,
-            'segment-button-indicator-animated': true,
-          }}
-        >
+        <div part="indicator" class="segment-button-indicator segment-button-indicator-animated">
           <div part="indicator-background" class="segment-button-indicator-background"></div>
         </div>
       </Host>
diff --git a/core/src/components/segment-content/segment-content.scss b/core/src/components/segment-content/segment-content.scss
new file mode 100644
index 00000000000..464402b41ff
--- /dev/null
+++ b/core/src/components/segment-content/segment-content.scss
@@ -0,0 +1,11 @@
+// Segment Content
+// --------------------------------------------------
+
+:host {
+  scroll-snap-align: center;
+  scroll-snap-stop: always;
+
+  flex-shrink: 0;
+
+  width: 100%;
+}
diff --git a/core/src/components/segment-content/segment-content.tsx b/core/src/components/segment-content/segment-content.tsx
new file mode 100644
index 00000000000..2b5fefebff2
--- /dev/null
+++ b/core/src/components/segment-content/segment-content.tsx
@@ -0,0 +1,17 @@
+import type { ComponentInterface } from '@stencil/core';
+import { Component, Host, h } from '@stencil/core';
+
+@Component({
+  tag: 'ion-segment-content',
+  styleUrl: 'segment-content.scss',
+  shadow: true,
+})
+export class SegmentContent implements ComponentInterface {
+  render() {
+    return (
+      <Host>
+        <slot></slot>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/segment-view/segment-view-interface.ts b/core/src/components/segment-view/segment-view-interface.ts
new file mode 100644
index 00000000000..c6212152ed5
--- /dev/null
+++ b/core/src/components/segment-view/segment-view-interface.ts
@@ -0,0 +1,4 @@
+export interface SegmentViewScrollEvent {
+  scrollRatio: number;
+  isManualScroll: boolean;
+}
diff --git a/core/src/components/segment-view/segment-view.ios.scss b/core/src/components/segment-view/segment-view.ios.scss
new file mode 100644
index 00000000000..a8c51304565
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.ios.scss
@@ -0,0 +1,9 @@
+@import "./segment-view";
+@import "../segment-button/segment-button.ios.vars";
+
+// iOS Segment View
+// --------------------------------------------------
+
+:host(.segment-view-disabled) {
+  opacity: $segment-button-ios-opacity-disabled;
+}
diff --git a/core/src/components/segment-view/segment-view.md.scss b/core/src/components/segment-view/segment-view.md.scss
new file mode 100644
index 00000000000..4a141cf5c89
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.md.scss
@@ -0,0 +1,9 @@
+@import "./segment-view";
+@import "../segment-button/segment-button.md.vars";
+
+// Material Design Segment View
+// --------------------------------------------------
+
+:host(.segment-view-disabled) {
+  opacity: $segment-button-md-opacity-disabled;
+}
diff --git a/core/src/components/segment-view/segment-view.scss b/core/src/components/segment-view/segment-view.scss
new file mode 100644
index 00000000000..a41030992f6
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.scss
@@ -0,0 +1,31 @@
+// Segment View
+// --------------------------------------------------
+
+:host {
+  display: flex;
+
+  height: 100%;
+
+  overflow-x: scroll;
+  scroll-snap-type: x mandatory;
+
+  /* Hide scrollbar in Firefox */
+  scrollbar-width: none;
+
+  /* Hide scrollbar in IE and Edge */
+  -ms-overflow-style: none;
+}
+
+/* Hide scrollbar in webkit */
+:host::-webkit-scrollbar {
+  display: none;
+}
+
+:host(.segment-view-disabled) {
+  touch-action: none;
+  overflow-x: hidden;
+}
+
+:host(.segment-view-scroll-disabled) {
+  pointer-events: none;
+}
diff --git a/core/src/components/segment-view/segment-view.tsx b/core/src/components/segment-view/segment-view.tsx
new file mode 100644
index 00000000000..633d9a37d39
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.tsx
@@ -0,0 +1,153 @@
+import type { ComponentInterface, EventEmitter } from '@stencil/core';
+import { Component, Element, Event, Host, Listen, Method, Prop, State, h } from '@stencil/core';
+
+import type { SegmentViewScrollEvent } from './segment-view-interface';
+
+@Component({
+  tag: 'ion-segment-view',
+  styleUrls: {
+    ios: 'segment-view.ios.scss',
+    md: 'segment-view.md.scss',
+  },
+  shadow: true,
+})
+export class SegmentView implements ComponentInterface {
+  private scrollEndTimeout: ReturnType<typeof setTimeout> | null = null;
+  private isTouching = false;
+
+  @Element() el!: HTMLElement;
+
+  /**
+   * If `true`, the segment view cannot be interacted with.
+   */
+  @Prop() disabled = false;
+
+  /**
+   * @internal
+   *
+   * If `true`, the segment view is scrollable.
+   * If `false`, pointer events will be disabled. This is to prevent issues with
+   * quickly scrolling after interacting with a segment button.
+   */
+  @State() isManualScroll?: boolean;
+
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  @Event() ionSegmentViewScroll!: EventEmitter<SegmentViewScrollEvent>;
+
+  @Listen('scroll')
+  handleScroll(ev: Event) {
+    const { scrollLeft, scrollWidth, clientWidth } = ev.target as HTMLElement;
+    const scrollRatio = scrollLeft / (scrollWidth - clientWidth);
+
+    this.ionSegmentViewScroll.emit({
+      scrollRatio,
+      isManualScroll: this.isManualScroll ?? true,
+    });
+
+    // Reset the timeout to check for scroll end
+    this.resetScrollEndTimeout();
+  }
+
+  /**
+   * Handle touch start event to know when the user is actively dragging the segment view.
+   */
+  @Listen('touchstart')
+  handleScrollStart() {
+    if (this.scrollEndTimeout) {
+      clearTimeout(this.scrollEndTimeout);
+      this.scrollEndTimeout = null;
+    }
+
+    this.isTouching = true;
+  }
+
+  /**
+   * Handle touch end event to know when the user is no longer dragging the segment view.
+   */
+  @Listen('touchend')
+  handleTouchEnd() {
+    this.isTouching = false;
+  }
+
+  /**
+   * Reset the scroll end detection timer. This is called on every scroll event.
+   */
+  private resetScrollEndTimeout() {
+    if (this.scrollEndTimeout) {
+      clearTimeout(this.scrollEndTimeout);
+      this.scrollEndTimeout = null;
+    }
+    this.scrollEndTimeout = setTimeout(
+      () => {
+        this.checkForScrollEnd();
+      },
+      // Setting this to a lower value may result in inconsistencies in behavior
+      // across browsers (particularly Firefox).
+      // Ideally, all of this logic is removed once the scroll end event is
+      // supported on all browsers (https://caniuse.com/?search=scrollend)
+      100
+    );
+  }
+
+  /**
+   * Check if the scroll has ended and the user is not actively touching.
+   * If the conditions are met (active content is enabled and no active touch),
+   * reset the scroll position and emit the scroll end event.
+   */
+  private checkForScrollEnd() {
+    // Only emit scroll end event if the active content is not disabled and
+    // the user is not touching the segment view
+    if (!this.isTouching) {
+      this.isManualScroll = undefined;
+    }
+  }
+
+  /**
+   * @internal
+   *
+   * This method is used to programmatically set the displayed segment content
+   * in the segment view. Calling this method will update the `value` of the
+   * corresponding segment button.
+   *
+   * @param id: The id of the segment content to display.
+   * @param smoothScroll: Whether to animate the scroll transition.
+   */
+  @Method()
+  async setContent(id: string, smoothScroll = true) {
+    const contents = this.getSegmentContents();
+    const index = contents.findIndex((content) => content.id === id);
+
+    if (index === -1) return;
+
+    this.isManualScroll = false;
+    this.resetScrollEndTimeout();
+
+    const contentWidth = this.el.offsetWidth;
+    this.el.scrollTo({
+      top: 0,
+      left: index * contentWidth,
+      behavior: smoothScroll ? 'smooth' : 'instant',
+    });
+  }
+
+  private getSegmentContents(): HTMLIonSegmentContentElement[] {
+    return Array.from(this.el.querySelectorAll('ion-segment-content'));
+  }
+
+  render() {
+    const { disabled, isManualScroll } = this;
+
+    return (
+      <Host
+        class={{
+          'segment-view-disabled': disabled,
+          'segment-view-scroll-disabled': isManualScroll === false,
+        }}
+      >
+        <slot></slot>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/segment-view/test/basic/index.html b/core/src/components/segment-view/test/basic/index.html
new file mode 100644
index 00000000000..69d36d4a6c0
--- /dev/null
+++ b/core/src/components/segment-view/test/basic/index.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Segment View - Basic</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-segment-view {
+        height: 100px;
+
+        margin-bottom: 20px;
+      }
+
+      ion-segment-content {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      ion-segment-content:nth-of-type(3n + 1) {
+        background: lightpink;
+      }
+
+      ion-segment-content:nth-of-type(3n + 2) {
+        background: lightblue;
+      }
+
+      ion-segment-content:nth-of-type(3n + 3) {
+        background: lightgreen;
+      }
+    </style>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Segment View - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-segment id="noValueSegment">
+          <ion-segment-button content-id="no" value="no">
+            <ion-label>No</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="value" value="value">
+            <ion-label>Value</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view id="noValueSegmentView">
+          <ion-segment-content id="no">No</ion-segment-content>
+          <ion-segment-content id="value">Value</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button style="min-width: 200px" content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="peach" scrollable>
+          <ion-segment-button content-id="orange" value="orange">
+            <ion-label>Orange</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="banana" value="banana">
+            <ion-label>Banana</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="pear" value="pear">
+            <ion-label>Pear</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="peach" value="peach">
+            <ion-label>Peach</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="grape" value="grape">
+            <ion-label>Grape</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="mango" value="mango">
+            <ion-label>Mango</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="apple" value="apple">
+            <ion-label>Apple</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="strawberry" value="strawberry">
+            <ion-label>Strawberry</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="cherry" value="cherry">
+            <ion-label>Cherry</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="orange">Orange</ion-segment-content>
+          <ion-segment-content id="banana">Banana</ion-segment-content>
+          <ion-segment-content id="pear">Pear</ion-segment-content>
+          <ion-segment-content id="peach">Peach</ion-segment-content>
+          <ion-segment-content id="grape">Grape</ion-segment-content>
+          <ion-segment-content id="mango">Mango</ion-segment-content>
+          <ion-segment-content id="apple">Apple</ion-segment-content>
+          <ion-segment-content id="strawberry">Strawberry</ion-segment-content>
+          <ion-segment-content id="cherry">Cherry</ion-segment-content>
+        </ion-segment-view>
+
+        <button class="expand" onClick="changeSegmentContent()">Change Segment Content</button>
+
+        <button class="expand" onClick="clearSegmentValue()">Clear Segment Value</button>
+      </ion-content>
+
+      <ion-footer>
+        <ion-toolbar>
+          <ion-title>Footer</ion-title>
+        </ion-toolbar>
+      </ion-footer>
+
+      <script>
+        function changeSegmentContent() {
+          const segment = document.querySelector('#noValueSegment');
+          const segmentView = document.querySelector('#noValueSegmentView');
+
+          let currentValue = segment.value;
+
+          if (currentValue === 'value') {
+            currentValue = 'no';
+          } else {
+            currentValue = 'value';
+          }
+
+          segment.value = currentValue;
+        }
+
+        async function clearSegmentValue() {
+          const segmentView = document.querySelector('#noValueSegmentView');
+          segmentView.setContent('no', false);
+
+          // Set timeout to ensure the value is cleared after
+          // the segment content is updated
+          setTimeout(() => {
+            const segment = document.querySelector('#noValueSegment');
+            segment.value = undefined;
+          });
+        }
+      </script>
+    </ion-app>
+  </body>
+</html>
diff --git a/core/src/components/segment-view/test/basic/segment-view.e2e.ts b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
new file mode 100644
index 00000000000..447a60be309
--- /dev/null
+++ b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
@@ -0,0 +1,173 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('segment-view: basic'), () => {
+    test('should show the first content with no initial value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment>
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentContent = page.locator('ion-segment-content[id="paid"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+
+    test('should show the content matching the initial value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentContent = page.locator('ion-segment-content[id="free"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+
+    test('should update the content when changing the value by clicking a segment button', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      await page.locator('ion-segment-button[value="top"]').click();
+
+      const segmentContent = page.locator('ion-segment-content[id="top"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+  });
+
+  test('should set correct segment button as checked when changing the value by scrolling the segment content', async ({
+    page,
+  }) => {
+    await page.setContent(
+      `
+      <ion-segment value="free">
+        <ion-segment-button content-id="paid" value="paid">
+          <ion-label>Paid</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="free" value="free">
+          <ion-label>Free</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="top" value="top">
+          <ion-label>Top</ion-label>
+        </ion-segment-button>
+      </ion-segment>
+      <ion-segment-view>
+        <ion-segment-content id="paid">Paid</ion-segment-content>
+        <ion-segment-content id="free">Free</ion-segment-content>
+        <ion-segment-content id="top">Top</ion-segment-content>
+      </ion-segment-view>
+    `,
+      config
+    );
+
+    await page
+      .locator('ion-segment-view')
+      .evaluate(
+        (segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
+      );
+
+    await page.waitForChanges();
+
+    await page.locator('ion-segment-content[id="top"]').scrollIntoViewIfNeeded();
+
+    const segmentButton = page.locator('ion-segment-button[value="top"]');
+    await expect(segmentButton).toHaveClass(/segment-button-checked/);
+  });
+
+  test('should set correct segment button as checked and show correct content when programmatically setting the segment vale', async ({
+    page,
+  }) => {
+    await page.setContent(
+      `
+      <ion-segment value="free">
+        <ion-segment-button content-id="paid" value="paid">
+          <ion-label>Paid</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="free" value="free">
+          <ion-label>Free</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="top" value="top">
+          <ion-label>Top</ion-label>
+        </ion-segment-button>
+      </ion-segment>
+      <ion-segment-view>
+        <ion-segment-content id="paid">Paid</ion-segment-content>
+        <ion-segment-content id="free">Free</ion-segment-content>
+        <ion-segment-content id="top">Top</ion-segment-content>
+      </ion-segment-view>
+    `,
+      config
+    );
+
+    await page
+      .locator('ion-segment-view')
+      .evaluate(
+        (segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
+      );
+
+    await page.waitForChanges();
+
+    await page.locator('ion-segment').evaluate((segment: HTMLIonSegmentElement) => (segment.value = 'top'));
+
+    const segmentButton = page.locator('ion-segment-button[value="top"]');
+    await expect(segmentButton).toHaveClass(/segment-button-checked/);
+
+    const segmentContent = page.locator('ion-segment-content[id="top"]');
+    await expect(segmentContent).toBeInViewport();
+  });
+});
diff --git a/core/src/components/segment-view/test/disabled/index.html b/core/src/components/segment-view/test/disabled/index.html
new file mode 100644
index 00000000000..d19722de6dc
--- /dev/null
+++ b/core/src/components/segment-view/test/disabled/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Segment View - Disabled</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-segment-view {
+        height: 100px;
+      }
+
+      ion-segment-content {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      ion-segment-content:nth-of-type(1) {
+        background: lightpink;
+      }
+
+      ion-segment-content:nth-of-type(2) {
+        background: lightblue;
+      }
+
+      ion-segment-content:nth-of-type(3) {
+        background: lightgreen;
+      }
+
+      ion-segment-content:nth-of-type(4) {
+        background: lightgoldenrodyellow;
+      }
+    </style>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Segment View - Disabled</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-segment>
+          <ion-segment-button disabled content-id="all" value="all">
+            <ion-label>All</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="favorites" value="favorites">
+            <ion-label>Favorites</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="all">All</ion-segment-content>
+          <ion-segment-content id="favorites">Favorites</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment disabled value="paid">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="reading-list">
+          <ion-segment-button content-id="bookmarks" value="bookmarks">
+            <ion-label>Bookmarks</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="reading-list" value="reading-list">
+            <ion-label>Reading List</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="shared-links" value="shared-links">
+            <ion-label>Shared Links</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view disabled>
+          <ion-segment-content id="bookmarks">Bookmarks</ion-segment-content>
+          <ion-segment-content id="reading-list">Reading List</ion-segment-content>
+          <ion-segment-content id="shared-links">Shared Links</ion-segment-content>
+        </ion-segment-view>
+      </ion-content>
+    </ion-app>
+  </body>
+</html>
diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts
new file mode 100644
index 00000000000..c7dead8943f
--- /dev/null
+++ b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts
@@ -0,0 +1,49 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across directions
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('segment-view: disabled'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto('/src/components/segment-view/test/disabled', config);
+
+      await expect(page).toHaveScreenshot(screenshot(`segment-view-disabled`));
+    });
+  });
+});
+
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('segment-view: disabled'), () => {
+    test('should keep button enabled even when disabled prop is set', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment>
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button disabled content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content disabled id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentButton = page.locator('ion-segment-button[value="free"]');
+      await expect(segmentButton).not.toHaveClass(/segment-button-disabled/);
+    });
+  });
+});
diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58fa6b0d0ab679e48ed22800a2ef8b91cf5a2767
GIT binary patch
literal 16516
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
ZN!cWUDGln(%kYUKiVsxe@?=b2{~wL~)ky#V

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ad473ada44c5d8f28189960506f5de47ae145a4
GIT binary patch
literal 23115
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

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..521946d9f1b56a48a8a40ce60a8c28cd8713d96a
GIT binary patch
literal 16069
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
Y8S)o-I{`lYE*(u?T3M<X@!bEv08p3P3jhEB

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e192269dd6fdd971ce009c4be87252da47bbd07f
GIT binary patch
literal 15634
zcmeHuXHZn_nl0)lK_n;&2nb>Tl_WWXfPg3sDoHX*rlH9>w4XGfB0&+5ETW)f$*DmE
zBxj)s(&QYPoSJYSW^T>BGc{-Gd}l({t-AdOXkhPmzwZ;)v)1aD57d;YPBEP#At9ks
zxqIgk3CXdSBqYai<j3Kit!}Pm_;Sqok+M8Vb{oqq3CSfAl{<2p9`TDqo<5pA)!T>8
zmg*ctdHUm+YYTVC$;n?_9(%5LQq$)X{lknNnT>D8nRN%6Hd?H{WxDTfz9QGc9M3!d
zKu+`ai)Xa4B<!~Al>J-2o5O5Dp{94`?_L(KZYS2UMR*f_i<hd(h;OxB?UZ5-BO$4q
zk?<xV>G)&dkK2j`6wh8+(UF|*<RH2E5kaDPCywOH3z1_F&e$FQaQW~1gW1)__V&Y>
zlrXg<nW6p@*1^2e9xjRnv#Yu#4x`=#>{b(3j?3olfsZw0ht0+ZPOB4*lnlJKD1V%h
zw;lYTF1zpI%{m#(SNUGb6Ml|Zbo2J!^lxtOI4~4r3Eh~-p?4;u`}_NOqqzhGoYrSL
z1ufeadb9MEU*|?7NVv{@t7oN?=QgS+F|P7sKrO@Vd{*ihNd2D-mAPtX^tfxOs5G|3
z2nNs=5Bm{w(EIbFH9>4LK4Ld+%nDE+j^X`?i^9lW582a{l=D3qxK`0&pBgIBnGG+3
zlQ3Br*JJNNO%08;^=|bfDbKF*t9*R+HGxz~e!H_7Ih7K&eYtL74_q};Rd>dM`Qp{4
z@mTLP)tIqzo9VU$yd8!X7W?k&Bi(;~-MiNm#iKvfp2Wt)bTiuhW%c;IF1&LYdT*SK
zQ$6w5tc&w>+faq)nq`u2k;CYZl9H0Zz(5@%&$>|umkzNWVVhsqcTQFyaoI{46K~(Y
zf1j)n<kmH#$94U>Rek8iB=o^ftT6Im8hubdJS@w@vq*#9_8(kaT1XyMPRFjL)&$Ws
z=d^#-NNc*L5O~^iwUIN)b1G(RY;1jfy|(raJEnWqpxkW{?jDttWM8Nk@%F7nd*Vd~
zhUxN*ii(Q5U<Nh`mxe_*P7V&4<?kn|c6)L#v|QSmFG52PCi&2wd)q7G&QmiRyIK0h
z^ykkj-npZiB;)(@^#x<!jh?1RuKc{bA2l_cs_&PVYiQzBIZE53*tVu+4|ie&Em_ff
zjwzibe*3%6pFf|OnX&Fp9rBz`aPo(5w6wGu2UlBA<3B@=9XnQ8(>v=D!KrQpOa1c%
z+1&j6{@&iiYFAfRigK72Ct~$@Q<2@E(rd<*G}-+|?=5<z5|5R!o(vsW_Q6IDI+D3+
zcP?YF*d9IhlGCE)Jv(OEL&_cRX=!J-2z$?j=pRt(F38QzP1>8_l=j|?mvl$j*vy4q
zl$=Q9WAX9w+9hN2aTu$831`#S*Qalf-Pjzo7i9{;V-uu2ohF+izkdBHEG+!+;X_z(
zoG?;5C1u*FG>X@7x8E{JOI!PAUEMwoy^n)fk7G7MCMsICC;Ac>i@UqJ*1h&;I#bA~
zS^5rYo~w1@MNX2DQL^Xd<=NQSRH&EN*4AFTA4SeSag8&&S=b(5@$TI@c1%)|v7%xf
zgR##y^x=VGFuiBe<GQ*!b(tMAPtQ`?A11dJhO3OVbKam2){<OZU6oQgXI<#eo!i?d
zpk<vV8nO+`T_h6f$8TJ}{<z#Nt9$m{LuBjtDfZq>U5!VNo(eHtq*hi_Yx@yEsUR<(
zUA`p2Ui(4L|K7cO6Tuq3#LdFT+?CNL6{)H*d2Wk(K{apU<B#&EA)wry5QUCj|H*7`
zyEIcM_2bj0PjCoqvVOlOon|+@!s?wzz8_<+g><_z_%0#AP+y-5!^r>ij^rU5^930n
zkEc(c!nVUv#%AIZrM)3*2rC{CKUc0?QBRWDpNg|z8m>ZDKR+3pO2JOeDz#lcyx%tK
zqL<bC<;xccSGXAgPI+alu5y1D(l<dZt=hyvA|WOwhLWD!L5!vNw^Q?HR<6?4Qs?PJ
zpH&r4)zhRk(Z+tW(pgH;-H?|MdKB!ZC@I;zW|AYhbfzXJDcD~tnGzt!x0ZNvsB(<3
z64$O>lalg*o5YFQ8)3a%4-fW{Ha2EepSJMcITaPZZAGfK$AXi5RvRJC+c~PnFPshx
zpk#pZk=7i|7xv;s_%vecw{trbv|`)-%jLP|&GeoeU9t6%(Jl1ckC$iDlCt#*)8U3r
zG)_IwPf{j&PF?UM##kmoeNA@Po5+B&2kVKFUgdpfd>-=p4bk>d^A#2m+xOKbxr2+V
zPDV;fN{WgBw3mg23o9#)+6*wX(q8M~K_5*UkpXFH2{ulPvIi?PVfBL6U7xfvw6TW=
z#46$t0YgjNBB<ZLAHiG!@2I5--ne1CI8X@7Mnkl2c=>8;_v#q?PL{LzSLd2kKW~>I
zE~JFXygeKbX5d4uKDv!O5FPg28X6eT%jnrfA8w(KwqbR$*&B*@CmCt9iua%p>UT+6
zlHb77Z||a_cy;q8{v>1dSnpJpJ=h)(3?wCpz_!xMOF^|+b<JL0UM3Q%jL97#a4wvQ
zZoXEPPAC}<rJ&=OaVdN8;zfVHrSY}{&KSKP&aQx=b#!#hyCWwj7bdg&rPE3%uGRgw
zW021fWOlA_7#AW&z`W%>zx<1ah6a@gjz;^cXfKwDiKoMrzN>V6e0<TypLvpO3Z>+O
z>jXTOP1rF~qQ9%qRkW9{Uag&VVTD3izDMS@sM_`-BRxHqThZ0EkoNNB%kpX66zm*`
zSRwbN-w;=UK|#$_M&65sA<Uw@k8^J)8gDHQii(J6t9|p`az4rvf41}IuUVEujf1ig
z?Ujk4bt{(^7uO}{_uXB8b47X1MZ)v#wgL-_0qMnM*5^=eT%pdwwj4mi5fBtS%7v|}
zL*M<~4Zf;9Cm$alPft%dxj$*gHjZ{;1LsTV>*#o(rFH)7*+&l^T&nt{9LmzaYTCGV
zQbnz44@zfr5bclQVPpK4tSr0M@g^Eyb^ZyN`MEjXjZ3PDQaeNL!-f5}5DH0Rjvu9x
z1sPAnb$y-Pty{^VK|IpX2xFC&F#Y)&Y5@g1tLMZU+5K7dVV||u?UnJ#im#0#zOab3
z>GmzZz6_n5&-bH^<~Vzfi<|1@TOgE_e)fGcg$2!GN3QE;^(q8WLmn)_e?~?|;_XS*
z(z@LRhy7(uzLQ{$2u`I=PEJhHbb8L2Z3&W`?n~Z*gA?LnWf*F!i1>=%=)?W3VKf?r
zTH=I2Td8N8o}QM4+=76OPGgsUaj;Jm^&*B93$LD5Bp>yyE8EvwE4g?b4h^8dNVPu{
zti*qML}p1hTN4u#Z>9I|-WAyP=Rsf5*3>jJGds;9wj9We@)!>h-6RYf>*%;|F6bh<
z18La&M%xe^8V??XZ`IHTcCvUb@?F2)Aj)P$BfFQ|Zwsx;&c-G^erkQ8e+|0sy4z@k
zy38A$RysO5KnqX5Jr+Uzeypq8|Ko~HER<$VBcml>84ts*{05>SnW0|!fTphQjdp|V
zvbmc(3t_>*#GQ6DD;wM4Tt?2+^fa5amym$KBb3k9kh|#C+1FeBQ@#%~HzqcwD0R7`
zf@M(ku>$5z)&67=5fQ<`!IRO*W=@x^3!~rvJOQl}DtVD@|JaHLG-^|kI5^X{5fR0x
zp}7?g($kC`Gm(7OkgxN&9Q*dPE3yHVzC@8y?X>Rw1xwj-LM0IbfQD77#I!ziVPOHF
zgInX<Ymj-UVq$_j{){}N*!WA%#BlfiQfJF%yHyXVRn1OsvkExFfi>>u&j(zwU-R;u
z4)%5+M25@Va|o;3+a8`NWn~gKZ{Cx!X2L!lBVzgCdn41RoF8{v71JW&*s?lzFZ34T
zjF8_R0|0<HcP$>gc<!8#+d`jP=z|<wv*?pdBdnfUEru3n;2c8xv?pCl_IF*XKN(F^
zurBnRwE!d~CFN0hav%1^&ANm#2_GRz{W6!YNl8gHqv1JM;mjLuZ&T+q&TCi7-UHyO
z;`yjI-?CjPu5jwHD*<n)wsHVH)SIEqAiIe5giD@V;a6zoc$~Hy0nd|jVRCY^kq{%1
zkPU5FB0<gQWgq-Az@SOGb%-_^neCCEA<XSG@@a7pb+k_*fg2keQN`t7zRW-%+qW{t
z-hYf_Ef%iGf7{ZcT0A%;&(A~O3=hp^JRTjrNEH~B`Z<dwxndQLfR3I%Dm;9I=bhB_
z+_DH16T5+e*#HKk@HA6|+9Swv87Qbw+p`SIwOPZPn(oD%7x$&6px}>dU9InrS4$g0
zp#iH;AWK5<Ev2UQ)H@+rB_-PchTmDf5vYf{behy(>HyiBsiLB?;vofioXv0hNj)o@
zfyg2jzrMHDF1x?py|c4Zb+}KMbZ#I{c+VsUO;8NMgT9Z7a)X)$(1qK$^0&#Y27C8P
z!Mz|>FDvMluuJXITk$@{_lbNIg;S1vHw6R)BqYi{d>HA0?y^{j)6O=SmA;Sdcy~ji
z$bOjDe%PfOaZx~?a6X>j^k;+VSyonj75b2lQ;jj?XQ)@br<PU^Px0?Dw{k392p}c~
zBadpLgn!P54<7)XR;;y2LO~eLGr#}f!2>t9qVCxRK>ZjBx{2<QMDL{?fTr#XeczBc
z-mv;{7l}z%lxOdhxeybeYtJ27-slD$!$G%9R=@30`>Oq-^z=FC&{4#S<#k#^Meo6L
z7cXL6X1fq^BG4(hxVSR1vw4MtTsl6;xevKUZ+)f@u3N=b9k{l}3QM{zG&DDN&$<9C
zPl6{YaU8E8zI^fGsJa{tB@n7!Qi;$3LN5p^9fW%|^A#3Iy(yg;H+rX*=Dk!peXv<v
zWo~XB5D-u(b)E^36TIMbww8v-sF++j6N)V`01T+9sCfAJwxks*recw5@nZaD4YUNw
zk-_#+2k4s6Qn$CaZ@~PLC{@~cOXX;`>d&7pbDf7%NYBVHH8ssCUn+w{9~^uR{gv$G
zNjrRnxU8(Kgv2gvS7Sp%AN=t*(|Vt+wGIWE$mnP^K%4XD&qED>+%k4%n1xjTn38e`
ztHo~g>O+^4NLU&`<{bTiB|K2TeJotdQzOgkw_Uw+dm#5o4YPekGHxEwP}hX$BNClk
zT7GB^Ik}^ZDe)z`d8)Ca&)u)Y-+BLxja_RB0ae=%<~?cFu)3%GF{-OtiQ(blqIeI5
z$|T0`VXto5ot2Lla~w-L+?$5MFC!zP=Eo1HbZg&F(CpF5-XOj0d#aFvq(ZY4{|8Cs
ze{L2IgsG&rr$<;wsLxg;t$Ws~lxhDYKgqV7b!;k}vqVC*$*s6n2!Y|@VH1%!SaPa0
zslQxc<M>L0abROk?H|kjZ_!Q<)4Hu=Ik?PjF>=!f_uGmz$d-TVo}KvASgee{d+c`5
z+JUcuee${&)+k3bM%5y}-$Wn=F5YSN&Tch<w^1^jljLG{C)?8IRO1K)?uHi@euXy0
zyJz2tBrzbxJ4>)*s!f)Syaha@Sc?aF4r7Z50S>&cPHf9HvU+kN@bhESIns?Hjffc0
zV<jyGhv96ANlK+dsNq{X94|$Vm7K14vTKycE9IDiAmQa4R_S)9^yH!=`5d35AgpuE
z=H!S#iNjA9KXIz#A1?XzGW-V=gMuZ^ZHmL)-pvTyO|}aB>H(j>Pc*Xyy`gOF`VJ*K
z1O9V>){H#NhAT?4MH_vlVF0%q2O)%l>3Nt$QNJNpC*Q)z^EoxOElE}ua24+jE-vrQ
zeoNx!BC$oVz2VyI>@0w#w#G&X4uBU4B6fNX4$A>yUvTpZ3JS`v865%4>T}bVy5TE4
zE%J9@kUA${0kIiG!&d3gas-6EHs)MM8`2PQZp}Q!<m@nuiP#MQUez`<ym;Y)xZ_wY
z07%!FC*>?w5w!B$#B@3GZycqgAwefja3iYjpVvu;SskLfllTNihKgcn!vVBpG^`cS
zJ}2y7ToklWg=^ls_o^6i<HilA(!J$|H&@^ZPtnj+t^8z$d17;+KjO`s6{xaAB7m4X
z#e=>;l`IYx>u77s>@C+YP%rGx=dc0hXZZ>9JroDlm|Vzh4rM?IeD)PPQ*ouGr4XLf
zl$7`H-`6j+iL4ndnN5w8*lpO)wTif&wP`D3Rql$JjW|afFdOub;7*XfY@p4~&Q8an
zTH@eoX9oagt|M6?j78jOrXv}dU8+Rx*rTNb0OQ@ecY~;M1j=ougB@!mdqh%<&h=#M
z@9!u1Zt7<A+{E0yd-rjkStHDHOJ(!flx(nLFX1GEs4vC}T88c|DprzGF<rGcv#>~%
zaJ2!nAtyH+hZ7Y)8tPkGT2{vE)#F4EGPRU^72)ymzb6N3H#ojMb@v~-aUjC!;1GYX
z&o?jWE%u-ezzJ|L!1h4hf;z~>z!dWH%oU}Hi3wOFIeU6~dRx4>pv%ky-H$*s{P^+X
zVTw{CO#tnxo1UJYbJ$rHmIW6HI}v?lszIB=Sk+V@Mlv(Gce-u(u<Km_Q6y~+qp8+7
zzAZHGI_`&1@bC8Hh^@rjDb?f*^>>x|WC6{b($f2YBO;0cFw43x8F)&Hi<jCDR{|LY
zuySE{WB&fVdjL5xw16tr;H9Dhg9u=-SA&b2i5*ZsDcL71-lkeVdGZ8`JA+L2;9^@t
zgP7O4RePc|z_kJK)xN&R7cRkAV%Ziy3BBxb?gtnTp;vCyzNEuuEy(*V*xhS&N{x4|
z+_(BbJC=siOEi3#zn2lnVCjZEyj!4aYn!>{Q}5mNE-o%EAwe41%k9Zy4XhU6kE0oh
z_UXv?KdY;&@gmUAuW@iRc?)kvtcCdfs(h$%1n@V*es6hcKYH{?Uj7Hn!Za*mP_+Zw
zWe@jss&*r{Y&3ONOzpdg#v<hGek*DleE6?X_oL8SheYqJ*1Z8zgFm19`%e~LHD0}n
zs(W=F2&C})06C$Zy6p^RDu*y_Kn_k!P9}&sK7~%Kl=2Wo2YeYOJk9$p&=g!;0NmDw
zN-F{lwX_Ny$A1C|1oN%yNW(?ypjL}~y{sd6cSPesl)<PC<FgH<ww?F8w$&6=M9mGE
z0Yh1l>h0x;HCz=<qFW^vd(eDklQ}R(!rNs=h&Os3a52nY7i9e^4BjRrV1bl-{rWZB
zr77kYut0#@PDD3PN+(BjzI^?954ayf#hRM<8)&^>v$C)UyYs$V1Z*H&VKzb1-3a=A
zXJ_X{;cW;)c-9u6GJcmhu5t@YNmT%`ld_5K-}^FHFd3fpr73^JPu4!pPoQbPZF+-%
z?jNz!@GC|3M^oX;e@p#7N0(kcbJN8dUI6fp@I*19r>6%RARchDtp?N<=(Fwd;;>r-
zRcQ1u5fA(;&{MrfOr_WQOj%i(VYwUNg`LVS0uq|wQB)5UA`gjGhvih`nVFgI2u|U^
z2g2X-12Y7pShf+i?8}$y+}sP0R3}fK3>oXYcC_4u4AKOSCB}`Rb6@pymtqfox)Pb_
zdrp$>Amv|}mS&5ib5>Eg`#a(9JJtq^b59xSIXUI2rL7q$o|XTDlyq~poAcVW&&kPh
zm5o-A?r|b^OwwL1DM*!<FJA(2H32Ls6blQ17#K!U)svRI`5Sa>Z5IF{Rl@$ltU(2Q
z&!hU7=xBfm0)!xqG_}Rfl%O7){Y86px#!vx03YbY0T_&Gf<zB7G>8{7>`if7G2Wl#
zuW;M{4m*CA&Yi(+lhI*vIditRU*Y@t=bpfyTPJ2oN_w9r>0n&@$C>nh=Wc(Ii~q;2
zkZeeuB(u}0lO(DqwuuWH-fyC0z?15=cl4jQjoYjpK8%g`6Ji%xnmafl>CIj8@s_>(
zp!tLaXBt}wRoLS)JEUdUNgbvEOp$(>-TbqX#P&m6yY|xWhxYldn+^_&$q1_}(ajsx
z41<0W)=gNPT6%H63_d?UUm3%7%1)lyZhtfG`D&hSL@MSa>5zyQcbe<W;{po10+&I~
zaWb04ix;n8JVpZJD(^|g>xK{a`~Qga7fI%M#l=;`a+h@o-BHXLhW1|d(7gM;-^vFq
zsln;Oh*x-4v~5x^64bpDy^(R4=U3=Hx_U8b->;V?A=KVuh6Jv^a<G}zU9WDi5;t9O
zpE|zb{dP-^jI7Uc>Zc4zSE~~FWghBiTeQ;do6MH}2>WmETkvQcHDZBbFoA1q=6V4|
z^uqpP5{B&Lu!N0j$|TKihqb_ooaXcl32TFrk5-9U6+9=OIlUMCOJd4Dc7Xq-w}`DD
zpIzW5xoz6=*R`O(vHUm5`D7ghJY<V_<MX!sua<8QeP8mDjhGtxko&`Tq#$3pWGQ`{
zAQRB8u}F$_+ov^6NnqT#T$_HacBbaIl_T===g-2szO7iVjZ@Urn}(mQV>_)*Q&We&
zdet@S(mKS?!NDOQkT<DirK_#2ZEijp&`fvs>=CoI7#kZ4O&*9uL^t$%sE$;Dgh~k?
zno76;=xd>&B1|FC^MWO2uZmR2&zPL?Et?IXb#;5AJCXinLzTts*L-_U>kU^5_SGgs
z1#hPHRx;(K+NpEXO$Ln@Lf`nF?o8gbDE_$xAn3&lazfC-!2v^ddR7(>FRz<K0+6gF
zpCpY+PVtb_(9oPdeNO&ebTqEF_vg=_P4=W55h|z$hK9btAVoBuJ9B2#MWVU68L-~j
zvuD?L35m;ifBWJ=01I<-bMRKhu%>1TDvnzz%W`6;#^zV>x^wo}&1ml6nj5cfN)J6R
z{CMw;@lq(I{pN_5dskYV-!#9sO%d14J2}>^cA*4*rVs!WJUPH-=MOFdxmIas(|XZS
z<@oXA6Cu01y8{CQ;o-Ey;%{g#^YN+Y;I`&*>OZevx^xLf*pd=435kL75JEL>eghBz
zXdA$)MsI0Y^C(92zo^oslkZEImTlp2EtP(HH=h0b<-FhohSGdmd2+1L`m0}q2_HW-
z?bn2E)YqHbDj7l*$DJ6owiStMwV<S+SZR9;Xn=}T0h9@6_cwIBY57{lG70iSo)J3O
zp$OfXbFAt!=xqAQs8WTj*q)CY<hZnHiFsSr3pr7Zc5@4Rtr@-P+1Y9cL}c-a<Hw=t
zI**FL3ZXH=X;h|>R=O8F=H4f6*|**-h^ZM}mad9;t(0PbpV)-3icS6Mqn3q=yO%B<
zM>8;KmoRnVcMa`K8U=g$ymX{%VyzJ=`yGQ48EIUM{@fB<v(~3j%Wsb>7}A*yh3wwF
zhh8q?t~@+{ktgQ|P3smKk=9*TTl<(hs*P1M|Ce1v#p^8V*#0jkiIn*(do9<?Yp-GM
z0x+|nV8?V6#Glnc4rn6R$l3Q026i?)DV>baw<m6TYW4h+KJ&*Pe;90EEH9NT$~|Sr
zQRUpX=r$Zc9hB1Per~5K)jAeNxV1H;OWi%;IqJ48y^`qqD{YZw@>yl9houLGy3>s}
z9iz3qf1J>N723>`_sWpNpPXiaDZ206G&WsNM@L6bkBOBPB@!p;{Xo_Trbt^69Zk(U
zii(Z>R_5lPyJt_+&}<E5BC)i|sJK|o$D?`W1#)M0S<g(<nYzEqe5&vEO;9TLrMr!g
zm{jTKC9iVH;$K513|ELun!eQq8LwWx{F<HJ*4`c#7PiIfBE|wd51t0_YsEA*Po}(g
z?a!aEdz-($Y9uEo^G0VB6lhi^eaNrxaWl+Bl$x`SuG|UmVPK4q!<?KubyHeRhmN5X
z$y7U<ueO74&KUC~nAZ!&wL(lE6$fEqJg$_Pi3#Z8ia~e;&lA6X+$>NA4i~hV;8(9+
z1qTZwD4}A!d^y{tvtFP?=srnu{#F>t-z#$et-@AKELQC(MX_1i)M<YYJ9*UnyQEHD
zOOPfdv3h+34E_#bU4o;%h=hdY`;iymA6DW2#sdF>j{k42U^cUG?6&JQtw`4*QcwM~
z*}c}OOBp>Mx{cREPo6g?#mZd1wf#d&Ij?OZIvR07W{!-JFPpZ2g5izsd*jDO7W^>*
zwDKNvi*6Cs;eF-ys#YG&?oyt-I9nl+evXlkR&=~=HY;)O#N_dACGj`X)cw2##sf2y
z9=H1O{6_ALBu68kl^pNnFkni--{P)Rmuo5xn4I+exR0Uj*>LqV|Lhi2WAknO#e&7J
zB=n=n$VjI3-I?%PJ5RKH4N)rJ1{de(&klS|I#xzHfVrQFgQAWK(<gV#F4*pvjW{D$
zePGc%`@BN%q$iGwnRo4-Zn!;vj9J{hjEuM4VS1{m9nYTqY7yiuzMnSk%2<FA8GUO`
zKSja*<M?w7t>vlJ@sy828*^7MR=I=4pIO9o^v(|Rlyw@0T9}jS?$^^WrQ>D|Q8@g1
z3Kg|CCl#CF3A-P4J%e^c^-q-SQmpC-1qC|=-=vwo-0zpzYYP?52GFvOeiLUwg$<hB
z`qgh6vV<SW)%n%?dM54?r-4_3jL@Y^RTY^LGR!Viu)}HHLK$_JF&#o#`gg579yo+2
zRT*emBE{ZD>S{jB#(}h&Ff@DaNB7LqhDaRk51S&FpM9NLu$S@uR!m*_?hzTANq0q=
z5u(&==KL`j+N6sE=ur_;tP%O>Y6*J#%~(_Q#@&L1*4Z!V8S`iQ5rK`1j^#s$KN^N@
zd*@v~YiZ%H@w$(fp6?)E<0wc_vA=cUv~Ix3Km86+VZ@12gP>;DCyDD4zCOh>-6uVd
z`T33hDF<OxdQFid<y(YONcNv1$%{e==6?IzO)(LY-PFj~UO|DI9qm<Rl?Oj~$ku0c
zkw`I@ISlRPj&@lIp^D7Z^sk1;r>zs8zineZQ6>_$EYt@$0Z+_sp6ZLIE*@NTKd3i;
z76q`>+gcuJj%p!o8}HCFpd|ZGX7@jyJb&Fr^WTEHq}~1YR_dYQ(#q%Hf-soVY%+Uo
zk_1pf@l;*i-J<sR_=pHoftWz*ixQw0jEtBJOBYmBkB7<1n0$Yhmgsel98d`mr?N><
zszJqJ1cGU+6KDrdP%b?PZzCfMO{$Nx*V?0rgEGFm4FUg(nTumaTUpJ#ICBLBlYMYq
zSFCc**RTBr)*8UIK({wDn*hFo6A}9>(Z8QGFh-FV*2(DdQ5l2UWo+K_&ivC)FQw4v
z&>Q`|!ukMDbGVVU$eE)h<AI&rHzpM>9ej`>QkJw*TAoEm$~2i?Qh)C__rOY3fOm00
zY~ebt#<Zpl9l?CyqAM3rZlZ#5w?{_U9hO&aT7?P<-4=cFVFhh@ay__LbZge&f3uC*
zHtQwn)}xIhMDDjnemj$^tE)$%eWkZmjmEF?CgebYHFySs2{$u(nAq54UFUv*T}4=Y
zl`?1=%otMn{d*wEdKJU|9*H2}mZ(U&3viU}aJ#;UwJ6w1Ck{i)&(9C!bjsi&?AJQ5
z2|!nY*u$rDQQXO_^P}SE=qUW!6oF`k?g$ioBB%~%^r1FtWFGi$G3Tik(5ra5M+)5u
zM#Cc4I5~|yj7yh6P6Dny$zH;@9{sO)!7R^p;6VgMMcv_TXqG@7fCl6w#v(f8q7fJR
zbdYK;`w;EEEot}^$4^W;)QZ-b+MW42qJ+e<g)UjHV+naVOc+|^TV}k6*sbp$4NC?q
z1h$%Tm^oVcj0Huvvpa_+QAS!DiHDw5Uah}JIB<Ts`J<Nh+Ek0lXh)0N39b1v-DUIB
z(P?}9QUZ68PDI}Hef7X1X~oH#gs7F3m5?PZUENX;$g1`x`9P?jSstw!+_CP(;egH9
z?Nny7oA%TDinTjMK@oH7$#dGL!07;^3$BILY(1=3VO7;(e!C2^P%nU%f`S4BrhecJ
z4Bdx%ny4ydK#;Pp+_3=Z3G|H>Lsmw{_dvbI#W6E5a9WCj%ZB{)>CEixO_YYdeq3y<
zgv(3^s4Xn;H5Qp|joSM^6s6i0R%3{g4O>tkBq-<%7wk?&L~Qwv1~33|#fOf2TC*Oe
zx=AO$H^x!b@^Lk6t3RIiNr$MBcXF3a`;>o?zVdq+m2WwSB5AS4t_f7q!AoIB)ND#{
zMk<G5Y^-Nq=Kjy3$q)NQZ&H<-4N?5|iiqM%Jf3pzZHF6V0woV~oa&Z#(@@B<L3M_n
z15Smwq>p$lhSlsNS(oi#IS5o{2Owoh6}+qPAjX2;)@$Xrd}8+fJOXrBa1;STI`W9z
zKLsyJN}$-Tm0!VxA32WnO8?XWW*3x5n3*aB1#;y4Nde<84wdWp!F9AXG$P);n<#Jn
zznN96zQ_$RvA$WC0o$TrnX(=m;TTmo6!5solOwu~yk<Xxm}}g`KkvbxEK#oUYd~)!
z$XR;<l`B~{JoN{4Xm{12xvz8FPF!8P{W@3ns*h(aeu8wIjFG4`i!S|?-q!1(<&`a%
z^V=6^73}^<M7S}2wLbTPDK}!_OS8>kL~??9XH<-8DriVWpc7xYlCrU7^Qg*i|MHb9
zI@t!+#iILWGmjS+t-z~g8YazQU;pzb9+ciyw<AN;<;!E`^VG4az=OdYROoc#>!(i>
z*e!enE;2Ur;LF1lkoILwf1bt~CB?_HFf$Kgz1@eY;G98H7z9cTw61L9s>)BFYPaOB
z6%Qu7dE*Ea7NqO$j<0B^)lw&jwDIE3QGCXgV2W89DnD|+fjYUaw7KeBR;#1Dn8aEX
z@<Q|vBHF#I;7V)ukj7PenwQ;dJM->1WR$P2Y<3ktyOJ!?tICtDH~xmp#!H)BfpCLF
z-3c3~th!IwjkWJ_M%nKV+hb)9xWBt=$pz?>pJ6x{+LHA*Ivr+D&`=X*@D<qh3%Psj
z*s$aSJHJ;VyK_k17f$wol^6F^LzKodb@PqD8v<rXV?m1+t7$xMI#&H1JOh|G4aptB
zy5c(Dn`KbCnjFM>R$ge!k|4CWr_-h=8V*o8OFJXg8cc}3b6?Y#vI++mBRCKP5MCfv
z9*tiU4R63WwWB00Dk=)37}&_<Ux2&`PDyrg@tsh~rDasd40`L0GOP7u3ebSpu3lXj
zD&GRqm084g8zc_&MuzcD;<7Po<;De;G~=Clg5ef?bJ(ihhJJ$~^%33v#ckQ7J3Sai
zdWzl8D{Hd<yl``sjfbN}w;gsSGWmv1%u<qxr|<nCbxuEf`Kw`3duSQ`iKYGKv!y=0
zg;6v~r)`{c3^kk81C?|F!28hkP`wj4bwZ43gpT!RC1c@5eyffTohix$FsFcl;bLL?
zR6#L9JHr)pT&E7OYJwB!5caUe!r98|OT4>B@w$f;u=P-3S8IY%mv)H6cHn-2um{Tj
z=#iKW?ehi~q2j+0d{UYL5wrw8s`5YM*>fI$dkP%5lZunm>SFQm(*E$<_BfC!z%E41
zB6jQM&2-_gB?mE>mV0clpyEJ1n}S&4HYjlbN5k4wD{^|JLUZ+_t6TtaN2@R*D2BAw
z&wh!HF5TXRUB&CLnUuX2`1gZ4$!We8p2PHmtu4JcAL^tA_fza+SK<=2RM5V+Mk3A)
zng(b5mKk>R!k|S*=jb!_593DWyxQCGnKo;j8L7cC7nlssgKaX$XYf~Inw5itLrSm)
z;wCruIeAQwdrL+<*xd-QW3nJdDdn7XD+%>MM+~8GLJ06;oM5_eVF#WL7}>@`P`C;U
z3xVhTr=8jWp$NnaD5t?MU-sudQ9z-x33}o?AnqCH=?#F*Cy0ufo{@1z+U#G5dCw79
zupyRpbv+uUv)`$R0S_<;Q{cDKeej?oR#{z5Em6{a3Hsg@S#Un0Jv=<%XvkPwwBIsh
zCB;3#nwQLGwa<kmA$MDvqyI$?SmHZAS!Jxc(tOiV)Kl?mYIVMcx39-D5o@dQ`$Lsw
zC+Cfb*54~N+OG7g5q=ze+x6?*btT#=MxxO9CCGxE-ZO}*KHTTR>Bf$Ov>C;I+ajRa
zPyX@8X~tV4XJzwKPm+>CZb=IY3i9#gD7f{-Zx(^?ML=BK6QYF8cfAvWB9MxC3d`#Z
zJ`C6?EbR6_dkQzYKHmq?+K024Vd#6al~7xZVEy<?1?>0{8=xnS<>uyQ5k<ulRtpLW
zAa*EZmP*E{6Vz}MlRqyAT6jn$79w#)Q=QP-E-*2bftpFhEV2N+e}A6&5v8B*6|=wc
zCrKEsbF>bTw}sE0hnQDQ<h#~=1Jmc!pshLSX_l9?H5@FMC9$|?*0dGMhc<{?kIQp5
zU#bf`854q#P7hP&AR-v8Y+XK9E+>E2i?eLWH>d3F;r*>AJ57j`f3f_`LY<$9O025l
zC81^O;PWcPs{D)6W+bam{yp-QK^mlAS#Ec#>7u7V!P<?RRl5~OPOq#1uoiITR6Kh4
zkRO~UQ%0YV1rfcPNB%c3%dBC!!OKCg9Vk#C|K_$hVBQ=>!G2_;1ph@Z3udZdE1nn3
z+VGGP3A|!r9)KJw`3{e~%R3Vh`jGZTc5#hnpuEM(_?8iLR}@8;!7`cyQl=e*Bb2{5
zapzP*I@m_QW^G|%A>w5%2)?|u?j4!?$4{IfuFry1s;i@8#5e5oIc8=_a5Cmp9qdBM
z0Otm3r!z}?{s<Sh#)%S!%8S7Va`md&+^?_2LvH%|VNb~z2fA-rzBO+Q4YWHf8g}W~
z5pVlufQzp}Zz&QF5yhc1c8@o;{MG2(U+<z=fAKtaN1(^ce5r!xj{ENk6D}%b4ZQzj
z+*|z*L&=$^=4a)*Ysc!JEA35rGZ@%kd@^w0Gjkt_G%_@vcJV&@k&1GOW*c2B>TUk1
z^I5Sh+gZ9@>`v?;k3d_gDk*~8v8+Su@hH7~Jg<X!w1Ll$?Gx7RM@{zOPS5m^39R|Z
zE?PVZuy+8&CNOATVrNe-<rf-g)KHi1nW5@p=n`54v-NB<Ulq43ltO5&dA{I52AOJA
zDFs)^8`=9?*qUVK&Ysl8zl#(34|tI50@;RcSI<L(QxegZh~hTZ<9`6{@~Ue!gIVv}
z1rh`8|2p3Ke`){(7X-=0ujwCK@Ew=z=c!2Zlai{0b5Cp~`QA+V`02Xi0_4i8uBTW$
zE#uh%cJJ);>(1f{$!CUm4SK%OV6vZ!7(RUEl+ShlzAAk%?T<+p@r!QA2M$Tq3a#{q
z)acB;Ox2XeUk@9vOGI}+&>1v~(_6b;D6Dn<S{=XixT}P3&}*`UP!U7xmV*O@99B+y
zT(4%r-d1wUcs(gKThAzskV)<JtQz-$Ub6Iz>^50%j+@z>c4bdHQn_M;FI~T!>Mgga
zTU?*j?IKT}*8T8NxMfC;C~-&ePCe6UrBZWWLp#rhf7XoVZtp19*3NAVOY_emk@rBs
zMY%gXE+Mov2UBi%Dctq=MEmhNU%l+5yWItOACDut<u6}8@m#(_zqdy_`aFGuG~?^k
zfw^?lH^;0)ZXdS0<PY@?bss)ja4X&OfBvIP5h>3l5v^hPkeAc=;7>XBCubIAoMwCq
zW|coxR&L&DlEYS;P@THj)X3Y^dckLd(I5X<PcuBm@9K4-7TXoBme!jstxQrjnJwC`
z<~uKIf>i1Ag>Q+?*E$wAf9_5~?|-^3T5l!NY&MY~Z7LKKPpxd?U}b3MD!18xtVX#p
zKR5kVUc{k{nUMbR=g;%iSQvhcJ9_heMO4ygzKf3V9rJMT_=Nw^-gK9*Q8L;=>yaU%
zFe}-J{GpD<Vir%C#DL4SjI6IW8)X?-SlKxdy7gf(``r6MVO`b|Y2A)yhxi{0nM+vW
z`AG}+;E?&4TMx*e6pMaZ8Zy+@yuS9vc@BfVef#iC%DM!0aIs0ur{hVn@Xll2G-Sh<
zZ=@-}->~gisH?~&+G@0YrSt23c1%U5S(-(Cr}qicize$~c;tl(%(#rhOS)LPAR6uH
z=z1DPgLpJA*ZAYTXVnF>ujJygg^J2{uaIq?V*d?ZK?_Q9iV!xjJFp7jUz*zM7o=3(
znoMqy1}QdZB+IF!91&WMeT%Hc^(I0C%yR)?Y0k<nOW*py?v-Ffp4>f~C0Bj^nj%65
zWo0Jn-+2|&VJ#t>(St&Udw<FK8p<ZtS040iBz*Pb4-vGRgnu&pZ*pbZ*fiU@vr$4T
zq=<T=Nw#Xi>^;+4Oetet6zp^9T)}H?8%(zvtb{1oCv@9mOsy?LKYNOb#I!nTwS9fv
z)O9w&D5rZifjY>5YdF+ovwR)5Ez~;h)_keRk*0M<(4((^92~5JrYmbSp)X#)nzt6v
zm#~?BaLTT%YbGSH;r)_4xx0(1xvurn*9eN5KuUHY1fBdklUN_q@{nYr5P}mU7U|Y!
zB|uef@x0OOj64gzd~GlLG$}h~a1li`nP4@r8&<e-(EGjmO1;o8oK|Es{q$tiL;|yr
z&FjzO17xnZ*eajS3K`n^3^#R+%{4i(W9n>rgj(?(BW$!+4|Ow-(P#9G=HhU@n0lA!
zCr;kK6Ax<}Y`<AaBuEh=q)@nPA=S1k;4%}Av>W#4(^uH<f1R@7T1YQ@i25c?dYWz0
zNt~<s-av)Im)D-%k=#-eskb<}rhmPZyQ0jz{<ER4<oQBANB*^|m%FTslUl{-q10g2
zWwF(deR%8Jhv!yG*4iw};?=};x@Omh%IeQgnd$EBpYT`6XllN9YBhvIW1j3ox67Mv
zjsd0p^k}5XT`N~bT@^V$=je<fUiU)vIt=Z>u|F#b7PsE3p8tHUC@|1ypN#2sYS(ig
z@rbvUdGasjR`Z^PKk%du&W38#D3t6<=q6|mjOKm(v5e|;+}}mUM)|IKX#eDAzjODF
znP!+#Y{xG3g{T<6^}ga^azya!S=36g$gkc8>Dr%L`8_yGR>{kl<$O|%l1s+d^pa2f
zwVO*w<d=3;*~|KL=a{s0G=?UkHUoEGzq9v^KCN0du;u#**j9GOJH0EW%A1RkoUf&K
zslszeNdp3ix+m1w5L7Q0dhHvu>?HIa1V<SUb@ZElH=lGXXK{<GwpvYi>w&3%l0QpD
zIvij`9W*rVRy>`aU-JZqxy6V`3riiaqgsuu-dupFV{WxT_-utb?%ZH}t%PUtGdBUU
zIHh}*Z*N5cVa4+)P1;grM>j_P#Y`er2%%%BYxM9D3-fSVt2gqA6c75;jFT0e-{WJ|
z>@l;-r}En8*1dv;=zDo2(k*k^SkIM_w9PL2uaT?UX@QKhzE&K|<Ch@K;zHFDx9s1I
znetX)wxYrh|JQu{@88G<f1UaKTOUDuGqvI&@&Br&;=fdp|64osKLt<zzR!XFw*|ug
mf6Tx9ncV;Rvsgbo@lN9V3wiw@_>40NiHf4yoosoN=l=_m3y6#W

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d84031d3e4e12c4b76450ff85da7b23c902c79a
GIT binary patch
literal 23920
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
So&h{box#)9&t;ucLK6VQ2g$Vn

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..697b8ebfe9ef2f8440a4f523efe386916d0cc145
GIT binary patch
literal 15953
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
XDpGOmtxfPyHkRxwB`8wb!1uoa;1YN>

literal 0
HcmV?d00001

diff --git a/core/src/components/segment/segment.tsx b/core/src/components/segment/segment.tsx
index 3ddf8645896..074c2586b87 100644
--- a/core/src/components/segment/segment.tsx
+++ b/core/src/components/segment/segment.tsx
@@ -7,6 +7,7 @@ import { createColorClasses, hostContext } from '@utils/theme';
 
 import { getIonMode } from '../../global/ionic-global';
 import type { Color, StyleEventDetail } from '../../interface';
+import type { SegmentViewScrollEvent } from '../segment-view/segment-view-interface';
 
 import type { SegmentChangeEventDetail, SegmentValue } from './segment-interface';
 
@@ -27,6 +28,16 @@ export class Segment implements ComponentInterface {
   // Value before the segment is dragged
   private valueBeforeGesture?: SegmentValue;
 
+  private segmentViewEl?: HTMLIonSegmentViewElement | null = null;
+  private lastNextIndex?: number;
+
+  /**
+   * Whether to update the segment view, if exists, when the value changes.
+   * This behavior is enabled by default, but is set false when scrolling content views
+   * since we don't want to "double scroll" the segment view.
+   */
+  private triggerScrollOnValueChange?: boolean;
+
   @Element() el!: HTMLIonSegmentElement;
 
   @State() activated = false;
@@ -78,13 +89,41 @@ export class Segment implements ComponentInterface {
   @Prop({ mutable: true }) value?: SegmentValue;
 
   @Watch('value')
-  protected valueChanged(value: SegmentValue | undefined) {
+  protected valueChanged(value: SegmentValue | undefined, oldValue?: SegmentValue | undefined) {
+    // Force a value to exist if we're using a segment view
+    if (this.segmentViewEl && value === undefined) {
+      this.value = this.getButtons()[0].value;
+      return;
+    }
+
+    if (oldValue !== undefined && value !== undefined) {
+      const buttons = this.getButtons();
+      const previous = buttons.find((button) => button.value === oldValue);
+      const current = buttons.find((button) => button.value === value);
+
+      if (previous && current) {
+        if (!this.segmentViewEl) {
+          this.checkButton(previous, current);
+        } else if (this.triggerScrollOnValueChange !== false) {
+          this.updateSegmentView();
+        }
+      }
+    } else if (value !== undefined && oldValue === undefined && this.segmentViewEl) {
+      this.updateSegmentView();
+    }
+
     /**
      * `ionSelect` is emitted every time the value changes (internal or external changes).
      * Used by `ion-segment-button` to determine if the button should be checked.
      */
     this.ionSelect.emit({ value });
-    this.scrollActiveButtonIntoView();
+
+    // The scroll listener should handle scrolling the active button into view as needed
+    if (!this.segmentViewEl) {
+      this.scrollActiveButtonIntoView();
+    }
+
+    this.triggerScrollOnValueChange = undefined;
   }
 
   /**
@@ -118,9 +157,13 @@ export class Segment implements ComponentInterface {
   disabledChanged() {
     this.gestureChanged();
 
-    const buttons = this.getButtons();
-    for (const button of buttons) {
-      button.disabled = this.disabled;
+    if (!this.segmentViewEl) {
+      const buttons = this.getButtons();
+      for (const button of buttons) {
+        button.disabled = this.disabled;
+      }
+    } else {
+      this.segmentViewEl.disabled = this.disabled;
     }
   }
 
@@ -132,6 +175,12 @@ export class Segment implements ComponentInterface {
 
   connectedCallback() {
     this.emitStyle();
+
+    this.segmentViewEl = this.getSegmentView();
+  }
+
+  disconnectedCallback() {
+    this.segmentViewEl = null;
   }
 
   componentWillLoad() {
@@ -170,6 +219,10 @@ export class Segment implements ComponentInterface {
     if (this.disabled) {
       this.disabledChanged();
     }
+
+    // Update segment view based on the initial value,
+    // but do not animate the scroll
+    this.updateSegmentView(false);
   }
 
   onStart(detail: GestureDetail) {
@@ -192,6 +245,7 @@ export class Segment implements ComponentInterface {
     if (value !== undefined) {
       if (this.valueBeforeGesture !== value) {
         this.emitValueChange();
+        this.updateSegmentView();
       }
     }
     this.valueBeforeGesture = undefined;
@@ -208,7 +262,7 @@ export class Segment implements ComponentInterface {
     this.ionChange.emit({ value });
   }
 
-  private getButtons() {
+  private getButtons(): HTMLIonSegmentButtonElement[] {
     return Array.from(this.el.querySelectorAll('ion-segment-button'));
   }
 
@@ -224,11 +278,7 @@ export class Segment implements ComponentInterface {
     const buttons = this.getButtons();
 
     buttons.forEach((button) => {
-      if (activated) {
-        button.classList.add('segment-button-activated');
-      } else {
-        button.classList.remove('segment-button-activated');
-      }
+      button.classList.toggle('segment-button-activated', activated);
     });
     this.activated = activated;
   }
@@ -293,6 +343,8 @@ export class Segment implements ComponentInterface {
 
       // Remove the transform to slide the indicator back to the button clicked
       currentIndicator.style.setProperty('transform', '');
+
+      this.scrollActiveButtonIntoView(true);
     });
 
     this.value = current.value;
@@ -312,6 +364,74 @@ export class Segment implements ComponentInterface {
     }
   }
 
+  private getSegmentView() {
+    const buttons = this.getButtons();
+    // Get the first button with a contentId
+    const firstContentId = buttons.find((button: HTMLIonSegmentButtonElement) => button.contentId);
+    // Get the segment content with an id matching the button's contentId
+    const segmentContent = document.querySelector(`ion-segment-content[id="${firstContentId?.contentId}"]`);
+    // Return the segment view for that matching segment content
+    return segmentContent?.closest('ion-segment-view');
+  }
+
+  @Listen('ionSegmentViewScroll', { target: 'body' })
+  handleSegmentViewScroll(ev: CustomEvent<SegmentViewScrollEvent>) {
+    const { scrollRatio, isManualScroll } = ev.detail;
+
+    if (!isManualScroll) {
+      return;
+    }
+
+    const dispatchedFrom = ev.target as HTMLElement;
+    const segmentViewEl = this.segmentViewEl as EventTarget;
+    const segmentEl = this.el;
+
+    // Only update the indicator if the event was dispatched from the correct segment view
+    if (ev.composedPath().includes(segmentViewEl) || dispatchedFrom?.contains(segmentEl)) {
+      const buttons = this.getButtons();
+
+      // If no buttons are found or there is no value set then do nothing
+      if (!buttons.length) return;
+
+      const index = buttons.findIndex((button) => button.value === this.value);
+      const current = buttons[index];
+
+      const nextIndex = Math.round(scrollRatio * (buttons.length - 1));
+
+      if (this.lastNextIndex === undefined || this.lastNextIndex !== nextIndex) {
+        this.lastNextIndex = nextIndex;
+        this.triggerScrollOnValueChange = false;
+
+        this.checkButton(current, buttons[nextIndex]);
+        this.emitValueChange();
+      }
+    }
+  }
+
+  /**
+   * Finds the related segment view and sets its current content
+   * based on the selected segment button. This method
+   * should be called on initial load of the segment,
+   * after the gesture is completed (if dragging between segments)
+   * and when a segment button is clicked directly.
+   */
+  private updateSegmentView(smoothScroll = true) {
+    const buttons = this.getButtons();
+    const button = buttons.find((btn) => btn.value === this.value);
+
+    // If the button does not have a contentId then there is
+    // no associated segment view to update
+    if (!button?.contentId) {
+      return;
+    }
+
+    const segmentView = this.segmentViewEl;
+
+    if (segmentView) {
+      segmentView.setContent(button.contentId, smoothScroll);
+    }
+  }
+
   private scrollActiveButtonIntoView(smoothScroll = true) {
     const { scrollable, value, el } = this;
 
@@ -492,7 +612,13 @@ export class Segment implements ComponentInterface {
       this.emitValueChange();
     }
 
-    if (this.scrollable || !this.swipeGesture) {
+    if (this.segmentViewEl) {
+      this.updateSegmentView();
+
+      if (this.scrollable && previous) {
+        this.checkButton(previous, current);
+      }
+    } else if (this.scrollable || !this.swipeGesture) {
       if (previous) {
         this.checkButton(previous, current);
       } else {
diff --git a/packages/angular/src/directives/proxies-list.ts b/packages/angular/src/directives/proxies-list.ts
index 93d0cc13ad9..b61d09669ca 100644
--- a/packages/angular/src/directives/proxies-list.ts
+++ b/packages/angular/src/directives/proxies-list.ts
@@ -69,6 +69,8 @@ export const DIRECTIVES = [
   d.IonSearchbar,
   d.IonSegment,
   d.IonSegmentButton,
+  d.IonSegmentContent,
+  d.IonSegmentView,
   d.IonSelect,
   d.IonSelectModal,
   d.IonSelectOption,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index e384f56c531..675c37bd1c1 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -1987,14 +1987,14 @@ This event will not emit when programmatically setting the `value` property.
 
 
 @ProxyCmp({
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value']
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value']
 })
 @Component({
   selector: 'ion-segment-button',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value'],
 })
 export class IonSegmentButton {
   protected el: HTMLElement;
@@ -2008,6 +2008,57 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+})
+@Component({
+  selector: 'ion-segment-content',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+})
+export class IonSegmentContent {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSegmentContent extends Components.IonSegmentContent {}
+
+
+@ProxyCmp({
+  inputs: ['disabled']
+})
+@Component({
+  selector: 'ion-segment-view',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled'],
+})
+export class IonSegmentView {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['ionSegmentViewScroll']);
+  }
+}
+
+
+import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core';
+
+export declare interface IonSegmentView extends Components.IonSegmentView {
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+}
+
+
 @ProxyCmp({
   inputs: ['cancelText', 'color', 'compareWith', 'disabled', 'expandedIcon', 'fill', 'interface', 'interfaceOptions', 'justify', 'label', 'labelPlacement', 'mode', 'multiple', 'name', 'okText', 'placeholder', 'selectedText', 'shape', 'toggleIcon', 'value'],
   methods: ['open']
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index 5fac940a661..a30385ead5c 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -65,6 +65,8 @@ import { defineCustomElement as defineIonReorderGroup } from '@ionic/core/compon
 import { defineCustomElement as defineIonRippleEffect } from '@ionic/core/components/ion-ripple-effect.js';
 import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-row.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
@@ -1820,14 +1822,14 @@ export declare interface IonRow extends Components.IonRow {}
 
 @ProxyCmp({
   defineCustomElementFn: defineIonSegmentButton,
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value']
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value']
 })
 @Component({
   selector: 'ion-segment-button',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value'],
   standalone: true
 })
 export class IonSegmentButton {
@@ -1842,6 +1844,61 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+  defineCustomElementFn: defineIonSegmentContent
+})
+@Component({
+  selector: 'ion-segment-content',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+  standalone: true
+})
+export class IonSegmentContent {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSegmentContent extends Components.IonSegmentContent {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineIonSegmentView,
+  inputs: ['disabled']
+})
+@Component({
+  selector: 'ion-segment-view',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled'],
+  standalone: true
+})
+export class IonSegmentView {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['ionSegmentViewScroll']);
+  }
+}
+
+
+import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core/components';
+
+export declare interface IonSegmentView extends Components.IonSegmentView {
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+}
+
+
 @ProxyCmp({
   defineCustomElementFn: defineIonSelectModal,
   inputs: ['header', 'multiple', 'options']
diff --git a/packages/react/src/components/proxies.ts b/packages/react/src/components/proxies.ts
index 14f81d30ebd..a9f1416ee22 100644
--- a/packages/react/src/components/proxies.ts
+++ b/packages/react/src/components/proxies.ts
@@ -61,6 +61,8 @@ import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-
 import { defineCustomElement as defineIonSearchbar } from '@ionic/core/components/ion-searchbar.js';
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
@@ -131,6 +133,8 @@ export const IonRow = /*@__PURE__*/createReactComponent<JSX.IonRow, HTMLIonRowEl
 export const IonSearchbar = /*@__PURE__*/createReactComponent<JSX.IonSearchbar, HTMLIonSearchbarElement>('ion-searchbar', undefined, undefined, defineIonSearchbar);
 export const IonSegment = /*@__PURE__*/createReactComponent<JSX.IonSegment, HTMLIonSegmentElement>('ion-segment', undefined, undefined, defineIonSegment);
 export const IonSegmentButton = /*@__PURE__*/createReactComponent<JSX.IonSegmentButton, HTMLIonSegmentButtonElement>('ion-segment-button', undefined, undefined, defineIonSegmentButton);
+export const IonSegmentContent = /*@__PURE__*/createReactComponent<JSX.IonSegmentContent, HTMLIonSegmentContentElement>('ion-segment-content', undefined, undefined, defineIonSegmentContent);
+export const IonSegmentView = /*@__PURE__*/createReactComponent<JSX.IonSegmentView, HTMLIonSegmentViewElement>('ion-segment-view', undefined, undefined, defineIonSegmentView);
 export const IonSelect = /*@__PURE__*/createReactComponent<JSX.IonSelect, HTMLIonSelectElement>('ion-select', undefined, undefined, defineIonSelect);
 export const IonSelectModal = /*@__PURE__*/createReactComponent<JSX.IonSelectModal, HTMLIonSelectModalElement>('ion-select-modal', undefined, undefined, defineIonSelectModal);
 export const IonSelectOption = /*@__PURE__*/createReactComponent<JSX.IonSelectOption, HTMLIonSelectOptionElement>('ion-select-option', undefined, undefined, defineIonSelectOption);
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 0d93a32c46d..7dd5812ebbc 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -67,6 +67,8 @@ import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-
 import { defineCustomElement as defineIonSearchbar } from '@ionic/core/components/ion-searchbar.js';
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
@@ -745,6 +747,7 @@ export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonS
 
 
 export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
+  'contentId',
   'disabled',
   'layout',
   'type',
@@ -753,6 +756,15 @@ export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButt
 'value', 'ion-change');
 
 
+export const IonSegmentContent = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
+
+
+export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
+  'disabled',
+  'ionSegmentViewScroll'
+]);
+
+
 export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
   'cancelText',
   'color',