From 4f5cd5ec58146ee657894dd9703e39ca2de7932f Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Tue, 29 Apr 2025 13:14:56 -0700
Subject: [PATCH 01/12] fix(inputs): fixing issue on several input types
 (checkbox, select, textarea, toggle, input) where clicking on a label would
 trigger onclick twice

---
 core/src/components/checkbox/checkbox.tsx     |  9 +++++
 .../checkbox/test/basic/checkbox.e2e.ts       | 29 +++++++++++++++
 core/src/components/input/input.tsx           | 14 ++++++-
 .../components/input/test/basic/input.e2e.ts  | 35 ++++++++++++++++++
 core/src/components/select/select.tsx         | 14 ++++++-
 .../select/test/basic/select.e2e.ts           | 37 ++++++++++++++++++-
 .../textarea/test/basic/textarea.e2e.ts       | 31 ++++++++++++++++
 core/src/components/textarea/textarea.tsx     | 14 ++++++-
 .../toggle/test/basic/toggle.e2e.ts           | 33 +++++++++++++++++
 core/src/components/toggle/toggle.tsx         |  9 +++++
 10 files changed, 221 insertions(+), 4 deletions(-)
 create mode 100644 core/src/components/textarea/test/basic/textarea.e2e.ts
 create mode 100644 core/src/components/toggle/test/basic/toggle.e2e.ts

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 3b9c3e6724a..9a363f7df0b 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -199,6 +199,14 @@ export class Checkbox implements ComponentInterface {
     this.toggleChecked(ev);
   };
 
+  /**
+   * Stops propagation when the display label is clicked,
+   * otherwise, two clicks will be triggered.
+   */
+  private onDivLabelClick = (ev: MouseEvent) => {
+    ev.stopPropagation();
+  }
+
   private getHintTextID(): string | undefined {
     const { el, helperText, errorText, helperTextId, errorTextId } = this;
 
@@ -314,6 +322,7 @@ export class Checkbox implements ComponentInterface {
             }}
             part="label"
             id={this.inputLabelId}
+            onClick={this.onDivLabelClick}
           >
             <slot></slot>
             {this.renderHintText()}
diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
index 957c6da31b8..e9e2e00f2f2 100644
--- a/core/src/components/checkbox/test/basic/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
@@ -122,4 +122,33 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       expect(ionChange).toHaveReceivedEvent();
     });
   });
+
+  test.describe(title('checkbox: click'), () => {
+    test('clicking a checkbox label should only trigger onclick once', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(`<ion-checkbox onclick="console.log('click called')">Test Checkbox</ion-checkbox>`, config);
+
+      // Track calls to the exposed function
+      let clickCount = 0;
+      page.on('console', (msg) => {
+        if (msg.text().includes('click called')) {
+          clickCount++;
+        }
+      });
+
+      const input = page.locator('div.label-text-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickCount).toBe(1);
+    });
+  });
 });
diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 42bee8e005e..6c929440fee 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -694,6 +694,18 @@ export class Input implements ComponentInterface {
     return this.label !== undefined || this.labelSlot !== null;
   }
 
+  /**
+   * Stops propagation when the label is clicked,
+   * otherwise, two clicks will be triggered.
+   */
+  private onLabelClick = (ev: MouseEvent) => {
+    // Only stop propagation if the click was directly on the label
+    // and not on the input or other child elements
+    if (ev.target === ev.currentTarget) {
+      ev.stopPropagation();
+    }
+  }
+
   /**
    * Renders the border container
    * when fill="outline".
@@ -789,7 +801,7 @@ export class Input implements ComponentInterface {
          * interactable, clicking the label would focus that instead
          * since it comes before the input in the DOM.
          */}
-        <label class="input-wrapper" htmlFor={inputId}>
+        <label class="input-wrapper" htmlFor={inputId} onClick={this.onLabelClick}>
           {this.renderLabelContainer()}
           <div class="native-wrapper">
             <slot name="start"></slot>
diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index 86b171e2402..64621b659f3 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -130,4 +130,39 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
       await expect(item).toHaveScreenshot(screenshot(`input-with-clear-button-item-color`));
     });
   });
+
+  test.describe(title('input: click'), () => {
+    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(
+        `
+        <ion-input
+          label="Click Me"
+          value="Test Value"
+        ></ion-input>
+      `,
+        config
+      );
+
+      // Track calls to the exposed function
+      const clickEvent = await page.spyOnEvent('click');
+      const input = page.locator('label.input-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickEvent).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const event = clickEvent.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('input');
+    });
+  });
 });
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 7fc456092db..9399be0e378 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -911,6 +911,18 @@ export class Select implements ComponentInterface {
     return this.label !== undefined || this.labelSlot !== null;
   }
 
+  /**
+   * Stops propagation when the label is clicked,
+   * otherwise, two clicks will be triggered.
+   */
+  private onLabelClick = (ev: MouseEvent) => {
+    // Only stop propagation if the click was directly on the label
+    // and not on the input or other child elements
+    if (ev.target === ev.currentTarget) {
+      ev.stopPropagation();
+    }
+  }
+
   /**
    * Renders the border container
    * when fill="outline".
@@ -1173,7 +1185,7 @@ export class Select implements ComponentInterface {
           [`select-label-placement-${labelPlacement}`]: true,
         })}
       >
-        <label class="select-wrapper" id="select-label">
+        <label class="select-wrapper" id="select-label" onClick={this.onLabelClick}>
           {this.renderLabelContainer()}
           <div class="select-wrapper-inner">
             <slot name="start"></slot>
diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index d5a9c3d220f..9da0c3c21b5 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -1,6 +1,6 @@
 import { expect } from '@playwright/test';
-import { configs, test } from '@utils/test/playwright';
 import type { E2ELocator } from '@utils/test/playwright';
+import { configs, test } from '@utils/test/playwright';
 
 /**
  * This checks that certain overlays open correctly. While the
@@ -150,6 +150,41 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       expect(alerts.length).toBe(1);
     });
   });
+
+  test.describe(title('select: click'), () => {
+    test('clicking a select label should only trigger onclick once', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(
+        `
+        <ion-select aria-label="Fruit" interface="alert">
+          <ion-select-option value="apple">Apple</ion-select-option>
+          <ion-select-option value="banana">Banana</ion-select-option>
+        </ion-select>
+      `,
+        config
+      );
+
+      // Track calls to the exposed function
+      const clickEvent = await page.spyOnEvent('click');
+      const input = page.locator('label.select-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickEvent).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const event = clickEvent.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-select');
+    });
+  });
 });
 
 /**
diff --git a/core/src/components/textarea/test/basic/textarea.e2e.ts b/core/src/components/textarea/test/basic/textarea.e2e.ts
new file mode 100644
index 00000000000..207a0f9fac1
--- /dev/null
+++ b/core/src/components/textarea/test/basic/textarea.e2e.ts
@@ -0,0 +1,31 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('textarea: click'), () => {
+    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(`<ion-textarea label="Textarea"></ion-textarea>`, config);
+
+      // Track calls to the exposed function
+      const clickEvent = await page.spyOnEvent('click');
+      const input = page.locator('label.textarea-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickEvent).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const event = clickEvent.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('textarea');
+    });
+  });
+});
diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
index afb9e3bf6b6..795a676a749 100644
--- a/core/src/components/textarea/textarea.tsx
+++ b/core/src/components/textarea/textarea.tsx
@@ -558,6 +558,18 @@ export class Textarea implements ComponentInterface {
     return this.label !== undefined || this.labelSlot !== null;
   }
 
+  /**
+   * Stops propagation when the label is clicked,
+   * otherwise, two clicks will be triggered.
+   */
+  private onLabelClick = (ev: MouseEvent) => {
+    // Only stop propagation if the click was directly on the label
+    // and not on the input or other child elements
+    if (ev.target === ev.currentTarget) {
+      ev.stopPropagation();
+    }
+  }
+
   /**
    * Renders the border container when fill="outline".
    */
@@ -712,7 +724,7 @@ export class Textarea implements ComponentInterface {
          * interactable, clicking the label would focus that instead
          * since it comes before the textarea in the DOM.
          */}
-        <label class="textarea-wrapper" htmlFor={inputId}>
+        <label class="textarea-wrapper" htmlFor={inputId} onClick={this.onLabelClick}>
           {this.renderLabelContainer()}
           <div class="textarea-wrapper-inner">
             {/**
diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts b/core/src/components/toggle/test/basic/toggle.e2e.ts
new file mode 100644
index 00000000000..e78218cdd00
--- /dev/null
+++ b/core/src/components/toggle/test/basic/toggle.e2e.ts
@@ -0,0 +1,33 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('toggle: click'), () => {
+    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(`<ion-toggle onclick="console.log('click called')">my label</ion-toggle>`, config);
+
+      // Track calls to the exposed function
+      let clickCount = 0;
+      page.on('console', (msg) => {
+        if (msg.text().includes('click called')) {
+          clickCount++;
+        }
+      });
+
+      const input = page.locator('div.label-text-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickCount).toBe(1);
+    });
+  });
+});
diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
index 57a902c9411..cc69c50fc03 100644
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -268,6 +268,14 @@ export class Toggle implements ComponentInterface {
     }
   };
 
+  /**
+   * Stops propagation when the display label is clicked,
+   * otherwise, two clicks will be triggered.
+   */
+  private onDivLabelClick = (ev: MouseEvent) => {
+    ev.stopPropagation();
+  }
+
   private onFocus = () => {
     this.ionFocus.emit();
   };
@@ -437,6 +445,7 @@ export class Toggle implements ComponentInterface {
             }}
             part="label"
             id={inputLabelId}
+            onClick={this.onDivLabelClick}
           >
             <slot></slot>
             {this.renderHintText()}

From 9a9d32e99500dbb9ff1c10c3e16ca7d5ba2af60c Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 30 Apr 2025 12:14:39 -0700
Subject: [PATCH 02/12] fix(lint): ran lint fix

---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 core/src/components/input/input.tsx       | 2 +-
 core/src/components/select/select.tsx     | 2 +-
 core/src/components/textarea/textarea.tsx | 2 +-
 core/src/components/toggle/toggle.tsx     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 9a363f7df0b..4a9132665fd 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -205,7 +205,7 @@ export class Checkbox implements ComponentInterface {
    */
   private onDivLabelClick = (ev: MouseEvent) => {
     ev.stopPropagation();
-  }
+  };
 
   private getHintTextID(): string | undefined {
     const { el, helperText, errorText, helperTextId, errorTextId } = this;
diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index e571ac60ec5..4dd1381fdb2 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -730,7 +730,7 @@ export class Input implements ComponentInterface {
     if (ev.target === ev.currentTarget) {
       ev.stopPropagation();
     }
-  }
+  };
 
   /**
    * Renders the border container
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 9399be0e378..986e025062d 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -921,7 +921,7 @@ export class Select implements ComponentInterface {
     if (ev.target === ev.currentTarget) {
       ev.stopPropagation();
     }
-  }
+  };
 
   /**
    * Renders the border container
diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
index efc6307d2f9..64ff00c9225 100644
--- a/core/src/components/textarea/textarea.tsx
+++ b/core/src/components/textarea/textarea.tsx
@@ -582,7 +582,7 @@ export class Textarea implements ComponentInterface {
     if (ev.target === ev.currentTarget) {
       ev.stopPropagation();
     }
-  }
+  };
 
   /**
    * Renders the border container when fill="outline".
diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
index cc69c50fc03..7760e796b6f 100644
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -274,7 +274,7 @@ export class Toggle implements ComponentInterface {
    */
   private onDivLabelClick = (ev: MouseEvent) => {
     ev.stopPropagation();
-  }
+  };
 
   private onFocus = () => {
     this.ionFocus.emit();

From dbc2f10e1bea5ccd169964c7e37f43cb12ac7ff7 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 30 Apr 2025 12:22:41 -0700
Subject: [PATCH 03/12] fix(textarea): fixing test

---
 core/src/components/input/test/basic/input.e2e.ts       | 2 +-
 core/src/components/textarea/test/basic/textarea.e2e.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index 64621b659f3..af75c3491d0 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -162,7 +162,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
 
       // Verify that the event target is the checkbox and not the item
       const event = clickEvent.events[0];
-      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('input');
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-input');
     });
   });
 });
diff --git a/core/src/components/textarea/test/basic/textarea.e2e.ts b/core/src/components/textarea/test/basic/textarea.e2e.ts
index 207a0f9fac1..745039556ac 100644
--- a/core/src/components/textarea/test/basic/textarea.e2e.ts
+++ b/core/src/components/textarea/test/basic/textarea.e2e.ts
@@ -25,7 +25,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
 
       // Verify that the event target is the checkbox and not the item
       const event = clickEvent.events[0];
-      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('textarea');
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-textarea');
     });
   });
 });

From 47aab6cf1e66e7b0340d5af96f1f9c99eef34f01 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 30 Apr 2025 13:13:43 -0700
Subject: [PATCH 04/12] fix(input): fixing issue where clicking on the input
 wrapper would trigger onclick twice

---
 core/src/components/input/input.tsx           |  2 +-
 .../components/input/test/basic/input.e2e.ts  | 33 +++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 4dd1381fdb2..c2834138aa8 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -829,7 +829,7 @@ export class Input implements ComponentInterface {
          */}
         <label class="input-wrapper" htmlFor={inputId} onClick={this.onLabelClick}>
           {this.renderLabelContainer()}
-          <div class="native-wrapper">
+          <div class="native-wrapper" onClick={this.onLabelClick}>
             <slot name="start"></slot>
             <input
               class="native-input"
diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index af75c3491d0..bd80aa48d9f 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -164,5 +164,38 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
       const event = clickEvent.events[0];
       expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-input');
     });
+
+    test('should trigger onclick only once when clicking the wrapper', async ({ page }) => {
+      // Create a spy function in page context
+      await page.setContent(
+        `
+        <ion-input
+          label="Click Me"
+          value="Test Value"
+        ></ion-input>
+      `,
+        config
+      );
+
+      // Track calls to the exposed function
+      const clickEvent = await page.spyOnEvent('click');
+      const input = page.locator('div.native-wrapper');
+
+      // Use position to make sure we click into the label enough to trigger
+      // what would be the double click
+      await input.click({
+        position: {
+          x: 5,
+          y: 5,
+        },
+      });
+
+      // Verify the click was triggered exactly once
+      expect(clickEvent).toHaveReceivedEventTimes(1);
+
+      // Verify that the event target is the checkbox and not the item
+      const event = clickEvent.events[0];
+      expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-input');
+    });
   });
 });

From 877eecd2cbbb06b04dfd88f7ff6aa54371055876 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 1 May 2025 12:08:28 -0700
Subject: [PATCH 05/12] Update
 core/src/components/textarea/test/basic/textarea.e2e.ts

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/textarea/test/basic/textarea.e2e.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/core/src/components/textarea/test/basic/textarea.e2e.ts b/core/src/components/textarea/test/basic/textarea.e2e.ts
index 745039556ac..5ac48f58fae 100644
--- a/core/src/components/textarea/test/basic/textarea.e2e.ts
+++ b/core/src/components/textarea/test/basic/textarea.e2e.ts
@@ -4,6 +4,10 @@ import { configs, test } from '@utils/test/playwright';
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('textarea: click'), () => {
     test('should trigger onclick only once when clicking the label', async ({ page }) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
       // Create a spy function in page context
       await page.setContent(`<ion-textarea label="Textarea"></ion-textarea>`, config);
 

From 42d5f366836de1884181d7eb386fbe16cadf235b Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 1 May 2025 12:08:36 -0700
Subject: [PATCH 06/12] Update
 core/src/components/input/test/basic/input.e2e.ts

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/input/test/basic/input.e2e.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index bd80aa48d9f..cb82da14fcd 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -133,6 +133,10 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
 
   test.describe(title('input: click'), () => {
     test('should trigger onclick only once when clicking the label', async ({ page }) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
       // Create a spy function in page context
       await page.setContent(
         `

From d5a097111b82418ddab3301caecb2184c71e5e13 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 1 May 2025 12:08:44 -0700
Subject: [PATCH 07/12] Update
 core/src/components/select/test/basic/select.e2e.ts

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/select/test/basic/select.e2e.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index 71f34eb2634..985381a772a 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -153,6 +153,10 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
 
   test.describe(title('select: click'), () => {
     test('clicking a select label should only trigger onclick once', async ({ page }) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
       // Create a spy function in page context
       await page.setContent(
         `

From f5c476159c7aa9ffdab8c71a17cea03a376ca3b8 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Thu, 1 May 2025 12:17:20 -0700
Subject: [PATCH 08/12] fix(input): fixing automated test that verified wrapper
 click issue

---
 core/src/components/input/test/basic/input.e2e.ts   | 13 +++++++++----
 core/src/components/select/test/basic/select.e2e.ts |  2 +-
 .../components/textarea/test/basic/textarea.e2e.ts  |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index cb82da14fcd..98fd9b46dd2 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -132,7 +132,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
   });
 
   test.describe(title('input: click'), () => {
-    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+    test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
@@ -169,13 +169,18 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
       expect((event.target as HTMLElement).tagName.toLowerCase()).toBe('ion-input');
     });
 
-    test('should trigger onclick only once when clicking the wrapper', async ({ page }) => {
+    test('should trigger onclick only once when clicking the wrapper', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
       // Create a spy function in page context
       await page.setContent(
         `
         <ion-input
           label="Click Me"
           value="Test Value"
+          label-placement="floating"
         ></ion-input>
       `,
         config
@@ -189,8 +194,8 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
       // what would be the double click
       await input.click({
         position: {
-          x: 5,
-          y: 5,
+          x: 1,
+          y: 1,
         },
       });
 
diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index 985381a772a..f22ab3dd759 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -152,7 +152,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
   });
 
   test.describe(title('select: click'), () => {
-    test('clicking a select label should only trigger onclick once', async ({ page }) => {
+    test('clicking a select label should only trigger onclick once', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
diff --git a/core/src/components/textarea/test/basic/textarea.e2e.ts b/core/src/components/textarea/test/basic/textarea.e2e.ts
index 5ac48f58fae..fcb4bab29c7 100644
--- a/core/src/components/textarea/test/basic/textarea.e2e.ts
+++ b/core/src/components/textarea/test/basic/textarea.e2e.ts
@@ -3,7 +3,7 @@ import { configs, test } from '@utils/test/playwright';
 
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('textarea: click'), () => {
-    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+    test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30165',

From 3ad19597b1f52e7138acd9bed02cbc9a516acf81 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Fri, 2 May 2025 08:28:59 -0700
Subject: [PATCH 09/12] Update checkbox.e2e.ts

---
 core/src/components/checkbox/test/basic/checkbox.e2e.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
index 77d5efb6836..136beab545c 100644
--- a/core/src/components/checkbox/test/basic/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
@@ -101,7 +101,12 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
   });
 
   test.describe(title('checkbox: click'), () => {
-    test('clicking a checkbox label should only trigger onclick once', async ({ page }) => {
+    test('clicking a checkbox label should only trigger onclick once', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
+
       // Create a spy function in page context
       await page.setContent(`<ion-checkbox onclick="console.log('click called')">Test Checkbox</ion-checkbox>`, config);
 

From c6cec21383b217ae4833affd74f6f3c0699a163b Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Fri, 2 May 2025 08:29:43 -0700
Subject: [PATCH 10/12] Update toggle.e2e.ts

---
 core/src/components/toggle/test/basic/toggle.e2e.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/core/src/components/toggle/test/basic/toggle.e2e.ts b/core/src/components/toggle/test/basic/toggle.e2e.ts
index e78218cdd00..0cdd76792a4 100644
--- a/core/src/components/toggle/test/basic/toggle.e2e.ts
+++ b/core/src/components/toggle/test/basic/toggle.e2e.ts
@@ -3,7 +3,12 @@ import { configs, test } from '@utils/test/playwright';
 
 configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
   test.describe(title('toggle: click'), () => {
-    test('should trigger onclick only once when clicking the label', async ({ page }) => {
+    test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/30165',
+      });
+
       // Create a spy function in page context
       await page.setContent(`<ion-toggle onclick="console.log('click called')">my label</ion-toggle>`, config);
 

From 0ee30b0f21e2688d0c00a1cd5566a7ef2f4479bd Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Fri, 2 May 2025 09:03:02 -0700
Subject: [PATCH 11/12] Update
 core/src/components/checkbox/test/basic/checkbox.e2e.ts

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

diff --git a/core/src/components/checkbox/test/basic/checkbox.e2e.ts b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
index 136beab545c..159e86f9a30 100644
--- a/core/src/components/checkbox/test/basic/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/basic/checkbox.e2e.ts
@@ -101,7 +101,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
   });
 
   test.describe(title('checkbox: click'), () => {
-    test('clicking a checkbox label should only trigger onclick once', async ({ page }, testInfo) => {
+    test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30165',

From 7bf1445d6d85ece53df97944f2038658393f714d Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Fri, 2 May 2025 09:03:09 -0700
Subject: [PATCH 12/12] Update
 core/src/components/select/test/basic/select.e2e.ts

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

diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index f22ab3dd759..8be07e84d68 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -152,7 +152,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
   });
 
   test.describe(title('select: click'), () => {
-    test('clicking a select label should only trigger onclick once', async ({ page }, testInfo) => {
+    test('should trigger onclick only once when clicking the label', async ({ page }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://github.com/ionic-team/ionic-framework/issues/30165',