chore(input): clearInput is ported to modern input

This commit is contained in:
Liam DeBeasi
2023-01-23 19:15:44 +00:00
parent 710f3c738f
commit 0c0bb11580
2 changed files with 2 additions and 1 deletions

View File

@ -651,6 +651,7 @@ export class Input implements ComponentInterface {
[`input-shape-${shape}`]: shape !== undefined, [`input-shape-${shape}`]: shape !== undefined,
[`input-label-placement-${labelPlacement}`]: true, [`input-label-placement-${labelPlacement}`]: true,
'in-item': hostContext('ion-item', this.el), 'in-item': hostContext('ion-item', this.el),
'in-item-color': hostContext('ion-item.ion-color', this.el),
})} })}
> >
<label class="input-wrapper"> <label class="input-wrapper">

View File

@ -100,7 +100,7 @@ test.describe('input: clear button', () => {
test('should inherit color when used in item with color property', async ({ page }) => { test('should inherit color when used in item with color property', async ({ page }) => {
await page.setContent(` await page.setContent(`
<ion-item color="primary"> <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> </ion-item>
`); `);