From 0c0bb1158035f1fed9bb72faf225ad0f62e92988 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Mon, 23 Jan 2023 19:15:44 +0000
Subject: [PATCH] chore(input): clearInput is ported to modern input

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

diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 0e02b98461..565abbb0ce 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -651,6 +651,7 @@ export class Input implements ComponentInterface {
           [`input-shape-${shape}`]: shape !== undefined,
           [`input-label-placement-${labelPlacement}`]: true,
           'in-item': hostContext('ion-item', this.el),
+          'in-item-color': hostContext('ion-item.ion-color', this.el),
         })}
       >
         <label class="input-wrapper">
diff --git a/core/src/components/input/test/basic/input.e2e.ts b/core/src/components/input/test/basic/input.e2e.ts
index 3d045af547..66c6256104 100644
--- a/core/src/components/input/test/basic/input.e2e.ts
+++ b/core/src/components/input/test/basic/input.e2e.ts
@@ -100,7 +100,7 @@ test.describe('input: clear button', () => {
   test('should inherit color when used in item with color property', async ({ page }) => {
     await page.setContent(`
       <ion-item color="primary">
-        <ion-input value="Text" clear-input="true"></ion-input>
+        <ion-input aria-label="my label" value="Text" clear-input="true"></ion-input>
       </ion-item>
     `);