Merge branch 'next' into ROU-11728

Author: JoaoFerreira-FrontEnd

core/src/components/input/input.ionic.scss

@@ -65,8 +65,6 @@
 
   // Cursor should match the native input when hovering over the target area.
   cursor: text;
-
-  z-index: 1;
 }
 
 ::slotted([slot="start"]),

core/src/components/input/test/basic/input.e2e.ts

@@ -29,7 +29,6 @@ configs().forEach(({ title, screenshot, config }) => {
         await expect(input).toHaveScreenshot(screenshot(`input-with-placeholder`));
       });
     });
-
     test.describe('input with clear button', () => {
       test('should not have visual regressions with default label', async ({ page }) => {
         await page.setContent(
@@ -63,6 +62,43 @@ configs().forEach(({ title, screenshot, config }) => {
         await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button-stacked`));
       });
     });
+    test.describe('input click behaviors', () => {
+      test('should not have visual regressions when user double clicks', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-input
+            label="Label"
+            clear-input="true"
+            value="Text"
+          ></ion-input>
+        `,
+          config
+        );
+        const input = page.locator('ion-input');
+        const nativeInput = input.locator('input');
+        await nativeInput.dblclick();
+        // Validates the display of an input with a clear button.
+        await expect(input).toHaveScreenshot(screenshot(`input-dbclick`));
+      });
+      test('should not have visual regressions with stacked label when user double clicks', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-input
+            label="Label"
+            label-placement="stacked"
+            clear-input="true"
+            value="Text"
+          ></ion-input>
+        `,
+          config
+        );
+        const input = page.locator('ion-input');
+        const nativeInput = input.locator('input');
+        await nativeInput.dblclick();
+        // Validates the display of an input with a clear button.
+        await expect(input).toHaveScreenshot(screenshot(`input-dbclick-stacked`));
+      });
+    });
   });
 });
 
@@ -185,6 +221,24 @@ configs({ modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
       const container = page.locator('#container');
       await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`));
     });
+
+    test('should not have visual regressions when user double clicks', async ({ page }) => {
+      await page.setContent(
+        `
+          <ion-input
+            label="Label"
+            label-placement="stacked"
+            clear-input="true"
+            value="Text"
+          ></ion-input>
+      `,
+        config
+      );
+      const input = page.locator('ion-input');
+      const nativeInput = input.locator('input');
+      await nativeInput.dblclick();
+      await expect(input).toHaveScreenshot(screenshot(`input-dbclick`));
+    });
   });
 });