From 54a1c86d6a5d533b0c8c2d18edc62454a7c17bab Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Thu, 23 Oct 2025 10:09:05 -0700
Subject: [PATCH] fix(checkbox, toggle): fire ionFocus and ionBlur (#30733)

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

`ionFocus` and `ionBlur` are not being emitted for checkbox and toggle.

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

- Moved the `onFocus` and `onBlur` to `Host`
- Added tests for `onFocus`, `onBlur`, and `onChange`.
- Added a workaround on Playwright in order to trigger `ionBlur` since
Playwright browsers aren't acting like native browsers when it comes to
tabbing.

## 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.7.7-dev.11761071592.1d1b804d`

---------

Co-authored-by: ionitron <hi@ionicframework.com>
Co-authored-by: Shane <shane@shanessite.net>
---
 core/src/components/checkbox/checkbox.tsx     |  13 +-
 .../checkbox/test/basic/checkbox.e2e.ts       | 196 +++++++++++++-
 ...kbox-focus-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2018 bytes
 ...box-focus-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2442 bytes
 ...kbox-focus-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 2849 bytes
 ...item-focus-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2090 bytes
 ...tem-focus-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2779 bytes
 ...item-focus-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 2697 bytes
 .../components/checkbox/test/basic/index.html |  14 +
 .../components/checkbox/test/item/index.html  |  14 +
 .../components/toggle/test/basic/index.html   |  14 +
 .../toggle/test/basic/toggle.e2e.ts           | 251 +++++++++++++++++-
 ...ggle-focus-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2390 bytes
 ...gle-focus-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 2967 bytes
 ...ggle-focus-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 3396 bytes
 ...item-focus-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 2507 bytes
 ...tem-focus-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 3253 bytes
 ...item-focus-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 3158 bytes
 .../components/toggle/test/item/index.html    |  14 +
 core/src/components/toggle/toggle.tsx         |  11 +-
 .../playwright/page/utils/spy-on-event.ts     |  34 +++
 21 files changed, 542 insertions(+), 19 deletions(-)
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Safari-linux.png

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 00a9de5c7c..22f3959fba 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -34,7 +34,6 @@ export class Checkbox implements ComponentInterface {
   private inputLabelId = `${this.inputId}-lbl`;
   private helperTextId = `${this.inputId}-helper-text`;
   private errorTextId = `${this.inputId}-error-text`;
-  private focusEl?: HTMLElement;
   private inheritedAttributes: Attributes = {};
 
   @Element() el!: HTMLIonCheckboxElement;
@@ -147,9 +146,7 @@ export class Checkbox implements ComponentInterface {
   /** @internal */
   @Method()
   async setFocus() {
-    if (this.focusEl) {
-      this.focusEl.focus();
-    }
+    this.el.focus();
   }
 
   /**
@@ -169,7 +166,6 @@ export class Checkbox implements ComponentInterface {
   private toggleChecked = (ev: Event) => {
     ev.preventDefault();
 
-    this.setFocus();
     this.setChecked(!this.checked);
     this.indeterminate = false;
   };
@@ -285,6 +281,9 @@ export class Checkbox implements ComponentInterface {
         aria-disabled={disabled ? 'true' : null}
         tabindex={disabled ? undefined : 0}
         onKeyDown={this.onKeyDown}
+        onFocus={this.onFocus}
+        onBlur={this.onBlur}
+        onClick={this.onClick}
         class={createColorClasses(color, {
           [mode]: true,
           'in-item': hostContext('ion-item', el),
@@ -296,7 +295,6 @@ export class Checkbox implements ComponentInterface {
           [`checkbox-alignment-${alignment}`]: alignment !== undefined,
           [`checkbox-label-placement-${labelPlacement}`]: true,
         })}
-        onClick={this.onClick}
       >
         <label class="checkbox-wrapper" htmlFor={inputId}>
           {/*
@@ -309,9 +307,6 @@ export class Checkbox implements ComponentInterface {
             disabled={disabled}
             id={inputId}
             onChange={this.toggleChecked}
-            onFocus={() => this.onFocus()}
-            onBlur={() => this.onBlur()}
-            ref={(focusEl) => (this.focusEl = focusEl)}
             required={required}
             {...inheritedAttributes}
           />
diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
index 159e86f9a3..733f229e4b 100644
--- a/core/src/components/checkbox/test/basic/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
@@ -44,7 +44,10 @@ configs().forEach(({ title, screenshot, config }) => {
   });
 });
 
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('checkbox: ionChange'), () => {
     test('should fire ionChange when interacting with checkbox', async ({ page }) => {
       await page.setContent(
@@ -133,4 +136,195 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       expect(clickCount).toBe(1);
     });
   });
+
+  test.describe(title('checkbox: ionFocus'), () => {
+    test('should not have visual regressions', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <style>
+          #container {
+            display: inline-block;
+            padding: 10px;
+          }
+        </style>
+
+        <div id="container">
+          <ion-checkbox>Unchecked</ion-checkbox>
+        </div>
+      `,
+        config
+      );
+
+      await pageUtils.pressKeys('Tab');
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`checkbox-focus`));
+    });
+
+    test('should not have visual regressions when interacting with checkbox in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item class="ion-focused">
+          <ion-checkbox>Unchecked</ion-checkbox>
+        </ion-item>
+      `,
+        config
+      );
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      const item = page.locator('ion-item');
+
+      await expect(item).toHaveScreenshot(screenshot(`checkbox-in-item-focus`));
+    });
+
+    test('should fire ionFocus when checkbox is focused', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-checkbox aria-label="checkbox" value="my-checkbox"></ion-checkbox>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionFocus).toHaveReceivedEventTimes(1);
+
+      // Reset focus
+      const checkbox = page.locator('ion-checkbox');
+      const checkboxBoundingBox = (await checkbox.boundingBox())!;
+      await page.mouse.click(0, checkboxBoundingBox.height + 1);
+
+      // Test focus with click
+      await checkbox.click();
+
+      expect(ionFocus).toHaveReceivedEventTimes(2);
+    });
+
+    test('should fire ionFocus when interacting with checkbox in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-checkbox aria-label="checkbox" value="my-checkbox"></ion-checkbox>
+        </ion-item>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionFocus).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const eventByKeyboard = ionFocus.events[0];
+      expect((eventByKeyboard.target as HTMLElement).tagName.toLowerCase()).toBe('ion-checkbox');
+
+      // Reset focus
+      const checkbox = page.locator('ion-checkbox');
+      const checkboxBoundingBox = (await checkbox.boundingBox())!;
+      await page.mouse.click(0, checkboxBoundingBox.height + 1);
+
+      // Test focus with click
+      const item = page.locator('ion-item');
+      await item.click();
+
+      expect(ionFocus).toHaveReceivedEventTimes(2);
+
+      // Verify that the event target is the checkbox and not the item
+      const eventByClick = ionFocus.events[0];
+      expect((eventByClick.target as HTMLElement).tagName.toLowerCase()).toBe('ion-checkbox');
+    });
+
+    test('should not fire when programmatically setting a value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-checkbox aria-label="checkbox" value="my-checkbox"></ion-checkbox>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+      const checkbox = page.locator('ion-checkbox');
+
+      await checkbox.evaluate((el: HTMLIonCheckboxElement) => (el.checked = true));
+      expect(ionFocus).not.toHaveReceivedEvent();
+    });
+  });
+
+  test.describe(title('checkbox: ionBlur'), () => {
+    test('should fire ionBlur when checkbox is blurred', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-checkbox aria-label="checkbox" value="my-checkbox"></ion-checkbox>
+      `,
+        config
+      );
+
+      const ionBlur = await page.spyOnEvent('ionBlur');
+
+      // Test blur with keyboard navigation
+      // Focus the checkbox
+      await pageUtils.pressKeys('Tab');
+      // Blur the checkbox
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionBlur).toHaveReceivedEventTimes(1);
+
+      // Test blur with click
+      const checkbox = page.locator('ion-checkbox');
+      // Focus the checkbox
+      await checkbox.click();
+      // Blur the checkbox by clicking outside of it
+      const checkboxBoundingBox = (await checkbox.boundingBox())!;
+      await page.mouse.click(0, checkboxBoundingBox.height + 1);
+
+      expect(ionBlur).toHaveReceivedEventTimes(2);
+    });
+
+    test('should fire ionBlur after interacting with checkbox in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-checkbox aria-label="checkbox" value="my-checkbox"></ion-checkbox>
+        </ion-item>
+      `,
+        config
+      );
+
+      const ionBlur = await page.spyOnEvent('ionBlur');
+
+      // Test blur with keyboard navigation
+      // Focus the checkbox
+      await pageUtils.pressKeys('Tab');
+      // Blur the checkbox
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionBlur).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const event = ionBlur.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-checkbox');
+
+      // Test blur with click
+      const item = page.locator('ion-item');
+      await item.click();
+      // Blur the checkbox by clicking outside of it
+      const itemBoundingBox = (await item.boundingBox())!;
+      await page.mouse.click(0, itemBoundingBox.height + 1);
+
+      expect(ionBlur).toHaveReceivedEventTimes(2);
+
+      // Verify that the event target is the checkbox and not the item
+      const eventByClick = ionBlur.events[0];
+      expect((eventByClick.target as HTMLElement).tagName.toLowerCase()).toBe('ion-checkbox');
+    });
+  });
 });
diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..45885364c1257bb166004443f0910fe3ee1881f1
GIT binary patch
literal 2018
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
A0RR91

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..305f4d89e1b2bd77ab69dba1a16fe7cc9a66d3e0
GIT binary patch
literal 2442
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
IM6N<$f-6$3Z2$lO

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-focus-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..23f542f7ec431a527c109e4ff737ad5fc0ee7509
GIT binary patch
literal 2849
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

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c0dcdc0baa0bc9c24bdb93f63250c49172f0c17
GIT binary patch
literal 2090
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
Q=ePlEEfE$CX5Oj)0kp>T-v9sr

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a5119616399adc1aa408a7a34378c482aba37bc
GIT binary patch
literal 2779
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
JOUy}e{{i;H{k;GH

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/basic/checkbox.e2e.ts-snapshots/checkbox-in-item-focus-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b59702aa81525ffaf137f5c46492e7d57657170
GIT binary patch
literal 2697
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
F|6f6UB<uhH

literal 0
HcmV?d00001

diff --git a/core/src/components/checkbox/test/basic/index.html b/core/src/components/checkbox/test/basic/index.html
index 3380f82ddd..54bc33c3db 100644
--- a/core/src/components/checkbox/test/basic/index.html
+++ b/core/src/components/checkbox/test/basic/index.html
@@ -50,6 +50,20 @@
         <ion-checkbox checked style="width: 200px">Specified width</ion-checkbox><br />
         <ion-checkbox checked style="width: 100%">Full-width</ion-checkbox><br />
       </ion-content>
+
+      <script>
+        document.addEventListener('ionBlur', (ev) => {
+          console.log('ionBlur', ev);
+        });
+
+        document.addEventListener('ionChange', (ev) => {
+          console.log('ionChange', ev);
+        });
+
+        document.addEventListener('ionFocus', (ev) => {
+          console.log('ionFocus', ev);
+        });
+      </script>
     </ion-app>
   </body>
 </html>
diff --git a/core/src/components/checkbox/test/item/index.html b/core/src/components/checkbox/test/item/index.html
index b2fa0bdccd..2548cbfaad 100644
--- a/core/src/components/checkbox/test/item/index.html
+++ b/core/src/components/checkbox/test/item/index.html
@@ -246,6 +246,20 @@
           </div>
         </div>
       </ion-content>
+
+      <script>
+        document.addEventListener('ionBlur', (ev) => {
+          console.log('ionBlur', ev);
+        });
+
+        document.addEventListener('ionChange', (ev) => {
+          console.log('ionChange', ev);
+        });
+
+        document.addEventListener('ionFocus', (ev) => {
+          console.log('ionFocus', ev);
+        });
+      </script>
     </ion-app>
   </body>
 </html>
diff --git a/core/src/components/toggle/test/basic/index.html b/core/src/components/toggle/test/basic/index.html
index e8e286b7a7..a127f5c5af 100644
--- a/core/src/components/toggle/test/basic/index.html
+++ b/core/src/components/toggle/test/basic/index.html
@@ -45,6 +45,20 @@
         <ion-toggle style="width: 100%"> Full-width </ion-toggle><br />
         <ion-toggle> Long Label Long Label Long Label Long Label Long Label Long Label </ion-toggle><br />
       </ion-content>
+
+      <script>
+        document.addEventListener('ionBlur', (ev) => {
+          console.log('ionBlur', ev);
+        });
+
+        document.addEventListener('ionChange', (ev) => {
+          console.log('ionChange', ev);
+        });
+
+        document.addEventListener('ionFocus', (ev) => {
+          console.log('ionFocus', ev);
+        });
+      </script>
     </ion-app>
   </body>
 </html>
diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts b/core/src/components/toggle/test/basic/toggle.e2e.ts
index 0cdd76792a..9502df83b5 100644
--- a/core/src/components/toggle/test/basic/toggle.e2e.ts
+++ b/core/src/components/toggle/test/basic/toggle.e2e.ts
@@ -1,7 +1,65 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('toggle: ionChange'), () => {
+    test('should fire ionChange when interacting with toggle', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+      `,
+        config
+      );
+
+      const ionChange = await page.spyOnEvent('ionChange');
+      const toggle = page.locator('ion-toggle');
+
+      await toggle.click();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'my-toggle', checked: true });
+
+      await toggle.click();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'my-toggle', checked: false });
+    });
+
+    test('should fire ionChange when interacting with toggle in item', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+        </ion-item>
+      `,
+        config
+      );
+
+      const ionChange = await page.spyOnEvent('ionChange');
+      const item = page.locator('ion-item');
+
+      await item.click();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'my-toggle', checked: true });
+
+      await item.click();
+      expect(ionChange).toHaveReceivedEventDetail({ value: 'my-toggle', checked: false });
+    });
+
+    test('should not fire when programmatically setting a value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+      `,
+        config
+      );
+
+      const ionChange = await page.spyOnEvent('ionChange');
+      const toggle = page.locator('ion-toggle');
+
+      await toggle.evaluate((el: HTMLIonToggleElement) => (el.checked = true));
+      expect(ionChange).not.toHaveReceivedEvent();
+    });
+  });
+
   test.describe(title('toggle: click'), () => {
     test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
       testInfo.annotations.push({
@@ -35,4 +93,195 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       expect(clickCount).toBe(1);
     });
   });
+
+  test.describe(title('toggle: ionFocus'), () => {
+    test('should not have visual regressions', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <style>
+          #container {
+            display: inline-block;
+            padding: 10px;
+          }
+        </style>
+
+        <div id="container">
+          <ion-toggle>Unchecked</ion-toggle>
+        </div>
+      `,
+        config
+      );
+
+      await pageUtils.pressKeys('Tab');
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`toggle-focus`));
+    });
+
+    test('should not have visual regressions when interacting with toggle in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item class="ion-focused">
+          <ion-toggle>Unchecked</ion-toggle>
+        </ion-item>
+      `,
+        config
+      );
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      const item = page.locator('ion-item');
+
+      await expect(item).toHaveScreenshot(screenshot(`toggle-in-item-focus`));
+    });
+
+    test('should fire ionFocus when toggle is focused', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionFocus).toHaveReceivedEventTimes(1);
+
+      // Reset focus
+      const toggle = page.locator('ion-toggle');
+      const toggleBoundingBox = (await toggle.boundingBox())!;
+      await page.mouse.click(0, toggleBoundingBox.height + 1);
+
+      // Test focus with click
+      await toggle.click();
+
+      expect(ionFocus).toHaveReceivedEventTimes(2);
+    });
+
+    test('should fire ionFocus when interacting with toggle in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+        </ion-item>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+
+      // Test focus with keyboard navigation
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionFocus).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the toggle and not the item
+      const eventByKeyboard = ionFocus.events[0];
+      expect((eventByKeyboard.target as HTMLElement).tagName.toLowerCase()).toBe('ion-toggle');
+
+      // Reset focus
+      const toggle = page.locator('ion-toggle');
+      const toggleBoundingBox = (await toggle.boundingBox())!;
+      await page.mouse.click(0, toggleBoundingBox.height + 1);
+
+      // Test focus with click
+      const item = page.locator('ion-item');
+      await item.click();
+
+      expect(ionFocus).toHaveReceivedEventTimes(2);
+
+      // Verify that the event target is the toggle and not the item
+      const eventByClick = ionFocus.events[0];
+      expect((eventByClick.target as HTMLElement).tagName.toLowerCase()).toBe('ion-toggle');
+    });
+
+    test('should not fire when programmatically setting a value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+      `,
+        config
+      );
+
+      const ionFocus = await page.spyOnEvent('ionFocus');
+      const toggle = page.locator('ion-toggle');
+
+      await toggle.evaluate((el: HTMLIonToggleElement) => (el.checked = true));
+      expect(ionFocus).not.toHaveReceivedEvent();
+    });
+  });
+
+  test.describe(title('toggle: ionBlur'), () => {
+    test('should fire ionBlur when toggle is blurred', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+      `,
+        config
+      );
+
+      const ionBlur = await page.spyOnEvent('ionBlur');
+
+      // Test blur with keyboard navigation
+      // Focus the toggle
+      await pageUtils.pressKeys('Tab');
+      // Blur the toggle
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionBlur).toHaveReceivedEventTimes(1);
+
+      // Test blur with click
+      const toggle = page.locator('ion-toggle');
+      // Focus the toggle
+      await toggle.click();
+      // Blur the toggle by clicking outside of it
+      const toggleBoundingBox = (await toggle.boundingBox())!;
+      await page.mouse.click(0, toggleBoundingBox.height + 1);
+
+      expect(ionBlur).toHaveReceivedEventTimes(2);
+    });
+
+    test('should fire ionBlur after interacting with toggle in item', async ({ page, pageUtils }) => {
+      await page.setContent(
+        `
+        <ion-item>
+          <ion-toggle aria-label="toggle" value="my-toggle"></ion-toggle>
+        </ion-item>
+      `,
+        config
+      );
+
+      const ionBlur = await page.spyOnEvent('ionBlur');
+
+      // Test blur with keyboard navigation
+      // Focus the toggle
+      await pageUtils.pressKeys('Tab');
+      // Blur the toggle
+      await pageUtils.pressKeys('Tab');
+
+      expect(ionBlur).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the toggle and not the item
+      const event = ionBlur.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-toggle');
+
+      // Test blur with click
+      const item = page.locator('ion-item');
+      await item.click();
+      // Blur the toggle by clicking outside of it
+      const itemBoundingBox = (await item.boundingBox())!;
+      await page.mouse.click(0, itemBoundingBox.height + 1);
+
+      expect(ionBlur).toHaveReceivedEventTimes(2);
+
+      // Verify that the event target is the toggle and not the item
+      const eventByClick = ionBlur.events[0];
+      expect((eventByClick.target as HTMLElement).tagName.toLowerCase()).toBe('ion-toggle');
+    });
+  });
 });
diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d7cbc111959c83693298db620045a82fa509b80
GIT binary patch
literal 2390
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
IM6N<$f_9;baR2}S

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb21be2862e9873f5272158f9d04bd5f6d88f0ae
GIT binary patch
literal 2967
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
N002ovPDHLkV1g2HfCm5o

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-focus-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..07a370b9311e019395fd3128376cb4974e9f911b
GIT binary patch
literal 3396
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
aC-@(z0YRz~luO9~0000<MNUMnLSTXyonv7D

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee7a99593cd9ab939c9e878678740130e83bc900
GIT binary patch
literal 2507
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
V`q(Qe=?MS;002ovPDHLkV1ll;r#b)t

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a54d1caeb8707d5227d4e32274595914af8411a0
GIT binary patch
literal 3253
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
X3O-eaG8F{=jz9=T=kRm`7s~$u!vNXp

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/basic/toggle.e2e.ts-snapshots/toggle-in-item-focus-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9e16f871ef253c33073b7fb87eb72ce1ecf72e3
GIT binary patch
literal 3158
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
MfwD0zMY_iP8%5M6)Bpeg

literal 0
HcmV?d00001

diff --git a/core/src/components/toggle/test/item/index.html b/core/src/components/toggle/test/item/index.html
index caeda79d07..b872bcf3ea 100644
--- a/core/src/components/toggle/test/item/index.html
+++ b/core/src/components/toggle/test/item/index.html
@@ -223,6 +223,20 @@
           </div>
         </div>
       </ion-content>
+
+      <script>
+        document.addEventListener('ionBlur', (ev) => {
+          console.log('ionBlur', ev);
+        });
+
+        document.addEventListener('ionChange', (ev) => {
+          console.log('ionChange', ev);
+        });
+
+        document.addEventListener('ionFocus', (ev) => {
+          console.log('ionFocus', ev);
+        });
+      </script>
     </ion-app>
   </body>
 </html>
diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
index ea63656a2f..18f4b26115 100644
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -40,7 +40,6 @@ export class Toggle implements ComponentInterface {
   private helperTextId = `${this.inputId}-helper-text`;
   private errorTextId = `${this.inputId}-error-text`;
   private gesture?: Gesture;
-  private focusEl?: HTMLElement;
   private lastDrag = 0;
   private inheritedAttributes: Attributes = {};
   private toggleTrack?: HTMLElement;
@@ -162,7 +161,6 @@ export class Toggle implements ComponentInterface {
     const isNowChecked = !checked;
     this.checked = isNowChecked;
 
-    this.setFocus();
     this.ionChange.emit({
       checked: isNowChecked,
       value,
@@ -243,9 +241,7 @@ export class Toggle implements ComponentInterface {
   }
 
   private setFocus() {
-    if (this.focusEl) {
-      this.focusEl.focus();
-    }
+    this.el.focus();
   }
 
   private onKeyDown = (ev: KeyboardEvent) => {
@@ -417,6 +413,8 @@ export class Toggle implements ComponentInterface {
         aria-disabled={disabled ? 'true' : null}
         tabindex={disabled ? undefined : 0}
         onKeyDown={this.onKeyDown}
+        onFocus={this.onFocus}
+        onBlur={this.onBlur}
         class={createColorClasses(color, {
           [mode]: true,
           'in-item': hostContext('ion-item', el),
@@ -441,9 +439,6 @@ export class Toggle implements ComponentInterface {
             checked={checked}
             disabled={disabled}
             id={inputId}
-            onFocus={() => this.onFocus()}
-            onBlur={() => this.onBlur()}
-            ref={(focusEl) => (this.focusEl = focusEl)}
             required={required}
             {...inheritedAttributes}
           />
diff --git a/core/src/utils/test/playwright/page/utils/spy-on-event.ts b/core/src/utils/test/playwright/page/utils/spy-on-event.ts
index a34f719402..bc6891dc1c 100644
--- a/core/src/utils/test/playwright/page/utils/spy-on-event.ts
+++ b/core/src/utils/test/playwright/page/utils/spy-on-event.ts
@@ -2,6 +2,40 @@ import type { E2EPage } from '../../playwright-declarations';
 import { addE2EListener, EventSpy } from '../event-spy';
 
 export const spyOnEvent = async (page: E2EPage, eventName: string): Promise<EventSpy> => {
+  /**
+   * Tabbing out of the page boundary can lead to unreliable `ionBlur events,
+   * particularly in Firefox.
+   *
+   * This occurs because Playwright may incorrectly maintain focus state on the
+   * last element, even after a Tab press attempts to shift focus outside the
+   * viewport. To reliably trigger the necessary blur event, add a visually
+   * hidden, focusable element at the end of the page to receive focus instead of
+   * the browser.
+   *
+   * Playwright issue reference:
+   * https://github.com/microsoft/playwright/issues/32269
+   */
+  if (eventName === 'ionBlur') {
+    const hiddenInput = await page.$('#hidden-input-for-ion-blur');
+    if (!hiddenInput) {
+      await page.evaluate(() => {
+        const input = document.createElement('input');
+        input.id = 'hidden-input-for-ion-blur';
+        input.style.position = 'absolute';
+        input.style.opacity = '0';
+        input.style.height = '0';
+        input.style.width = '0';
+        input.style.pointerEvents = 'none';
+        document.body.appendChild(input);
+
+        // Clean up the element when the page is unloaded.
+        window.addEventListener('unload', () => {
+          input.remove();
+        });
+      });
+    }
+  }
+
   const spy = new EventSpy(eventName);
 
   const handle = await page.evaluateHandle(() => window);