diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 26a6f9d501..e598e0a03d 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -299,6 +299,8 @@
transition: background-color 15ms linear;
background: var(--background);
+
+ line-height: normal;
}
// Input Native Wrapper
diff --git a/core/src/components/input/test/card/input.e2e.ts b/core/src/components/input/test/card/input.e2e.ts
new file mode 100644
index 0000000000..57dfadafd4
--- /dev/null
+++ b/core/src/components/input/test/card/input.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('input: card', () => {
+ test('should render correctly in card', async ({ page, skip }) => {
+ skip.rtl();
+ skip.mode('ios');
+
+ await page.setContent(`
+
+
+
+
+
+
+
+ `);
+
+ const card = page.locator('ion-card');
+ expect(await card.screenshot()).toMatchSnapshot(`input-card-${page.getSnapshotSettings()}.png`);
+ });
+});
diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..4e8ac09bc6
Binary files /dev/null and b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..4c6b144823
Binary files /dev/null and b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..2bdeb384a0
Binary files /dev/null and b/core/src/components/input/test/card/input.e2e.ts-snapshots/input-card-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index ee871b22cf..9d6cf54a83 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -214,6 +214,8 @@ button {
background: var(--background);
+ line-height: normal;
+
cursor: inherit;
box-sizing: border-box;
diff --git a/core/src/components/select/test/card/select.e2e.ts b/core/src/components/select/test/card/select.e2e.ts
new file mode 100644
index 0000000000..9c470a96fd
--- /dev/null
+++ b/core/src/components/select/test/card/select.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('select: card', () => {
+ test('should render correctly in card', async ({ page, skip }) => {
+ skip.rtl();
+ skip.mode('ios');
+
+ await page.setContent(`
+
+
+
+
+
+
+
+ `);
+
+ const card = page.locator('ion-card');
+ expect(await card.screenshot()).toMatchSnapshot(`select-card-${page.getSnapshotSettings()}.png`);
+ });
+});
diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..ddbfd4376a
Binary files /dev/null and b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..2902c904e7
Binary files /dev/null and b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..56f7bd23a8
Binary files /dev/null and b/core/src/components/select/test/card/select.e2e.ts-snapshots/select-card-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts b/core/src/components/textarea/test/card/textarea.e2e.ts
new file mode 100644
index 0000000000..17ee9210eb
--- /dev/null
+++ b/core/src/components/textarea/test/card/textarea.e2e.ts
@@ -0,0 +1,22 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('textarea: card', () => {
+ test('should render correctly in card', async ({ page, skip }) => {
+ skip.rtl();
+ skip.mode('ios');
+
+ await page.setContent(`
+
+
+
+
+
+
+
+ `);
+
+ const card = page.locator('ion-card');
+ expect(await card.screenshot()).toMatchSnapshot(`textarea-card-${page.getSnapshotSettings()}.png`);
+ });
+});
diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..be96fa7e3b
Binary files /dev/null and b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..eeb56d5225
Binary files /dev/null and b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..5c1975175e
Binary files /dev/null and b/core/src/components/textarea/test/card/textarea.e2e.ts-snapshots/textarea-card-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index f7ae9fe3e1..76a56a15a4 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -261,6 +261,8 @@
transition: background-color 15ms linear;
background: var(--background);
+
+ line-height: normal;
}
// Textarea Native Wrapper