diff --git a/core/src/components/input/input.ionic.scss b/core/src/components/input/input.ionic.scss
index 6fbba1553b..2c08bc588b 100644
--- a/core/src/components/input/input.ionic.scss
+++ b/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"]),
diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index 78f0561c57..d1d3e3bb09 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/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(
+ `
+
+ `,
+ 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(
+ `
+
+ `,
+ 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(
+ `
+
+ `,
+ config
+ );
+ const input = page.locator('ion-input');
+ const nativeInput = input.locator('input');
+ await nativeInput.dblclick();
+ await expect(input).toHaveScreenshot(screenshot(`input-dbclick`));
+ });
});
});
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..0615dc1d0d
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..bdf3419620
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..55eba598fa
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..f6ad13cc20
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..153d317ff9
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..d2bdbfe06f
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ionic-md-rtl-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..dbe91794f9
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..b11670f380
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..8c845053e2
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..215e7ef54e
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..1b05d06e09
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..a8d760b36a
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..57f1da5345
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..a20415749c
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..16e8203d01
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..626f8c56e5
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..0ef25801f7
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..bc2625994f
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..87ad82f601
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..d230a8837d
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..5721267781
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..171dde9d3a
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..2b23456247
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..50a06acd94
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..5bd1c81464
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..1a67e211b5
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..90f9cb5a39
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..e14affb5a2
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..98bedf8d81
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..7763dab875
Binary files /dev/null and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-dbclick-stacked-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png
index 4933a67d35..e8fd596ccb 100644
Binary files a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png
index 199030c3d2..eb6895f3be 100644
Binary files a/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Chrome-linux.png differ