diff --git a/packages/field/src/LionField.js b/packages/field/src/LionField.js index 70796c3cf..84827d042 100644 --- a/packages/field/src/LionField.js +++ b/packages/field/src/LionField.js @@ -162,7 +162,7 @@ export class LionField extends FormControlMixin( // invalid and dirty/touched states respectively super.clear(); } - this.value = ''; // can't set null here, because IE11 treats it as a string + this.modelValue = ''; // can't set null here, because IE11 treats it as a string } _onChange() { diff --git a/packages/field/test/lion-field.test.js b/packages/field/test/lion-field.test.js index 4aba25277..13a05f457 100644 --- a/packages/field/test/lion-field.test.js +++ b/packages/field/test/lion-field.test.js @@ -110,11 +110,11 @@ describe('', () => { it('can be cleared which erases value, validation and interaction states', async () => { const el = await fixture(html`<${tag} value="Some value from attribute">${inputSlot}`); el.clear(); - expect(el.value).to.equal(''); - el.value = 'Some value from property'; - expect(el.value).to.equal('Some value from property'); + expect(el.modelValue).to.equal(''); + el.modelValue = 'Some value from property'; + expect(el.modelValue).to.equal('Some value from property'); el.clear(); - expect(el.value).to.equal(''); + expect(el.modelValue).to.equal(''); }); it('can be reset which restores original modelValue', async () => {