diff --git a/src/components/Select.vue b/src/components/Select.vue index e77fdfa..1cb54bb 100644 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -224,17 +224,12 @@ cursor: pointer; } .v-select input[type="search"].hidden { - width: 0px; + height: 0; padding: 0; - } - .v-select input[type="search"].shrunk { - width: auto; - } - .v-select input[type="search"].empty { - width: 100%; + width: 0; } - /* List Items */ + /* List Items */ .v-select li { line-height: 1.42857143; /* Normalize line height */ } @@ -1002,9 +997,7 @@ */ inputClasses() { return { - hidden: !this.multiple && !this.isValueEmpty && !this.dropdownOpen, - shrunk: this.multiple && !this.isValueEmpty, - empty: this.isValueEmpty, + hidden: !this.isValueEmpty && !this.dropdownOpen } }, diff --git a/test/unit/specs/Select.spec.js b/test/unit/specs/Select.spec.js index 348382f..8caf503 100644 --- a/test/unit/specs/Select.spec.js +++ b/test/unit/specs/Select.spec.js @@ -249,36 +249,6 @@ describe('Select.vue', () => { expect(vm.$children[0].isOptionSelected('foo')).toEqual(true) }), - it('applies the "empty" class to the search input when no value is selected', () => { - const vm = new Vue({ - template: '
', - components: {vSelect}, - data: { - value: null, - options: [{label: 'one'}] - } - }).$mount() - - expect(vm.$children[0].inputClasses.empty).toEqual(true) - expect(vm.$children[0].inputClasses.shrunk).toEqual(false) - expect(vm.$children[0].inputClasses.hidden).toEqual(false) - }), - - it('applies the "shrunk" class to the search input when one or more value is selected', () => { - const vm = new Vue({ - template: '
', - components: {vSelect}, - data: { - value: [{label: 'one'}], - options: [{label: 'one'}] - } - }).$mount() - - expect(vm.$children[0].inputClasses.shrunk).toEqual(true) - expect(vm.$children[0].inputClasses.empty).toEqual(false) - expect(vm.$children[0].inputClasses.hidden).toEqual(false) - }), - describe('change Event', () => { it('will trigger the input event when the selection changes', (done) => { const vm = new Vue({ @@ -1350,19 +1320,6 @@ describe('Select.vue', () => { }) }) - it('should apply the "empty" class to the search input when it does not have a selected value', () => { - const vm = new Vue({ - template: '
', - data: { - value: '', - options: ['one', 'two', 'three'] - } - }).$mount() - expect(vm.$children[0].inputClasses.empty).toEqual(true) - expect(vm.$children[0].inputClasses.shrunk).toEqual(false) - expect(vm.$children[0].inputClasses.hidden).toEqual(false) - }) - it('should apply the "hidden" class to the search input when a value is present', () => { const vm = new Vue({ template: '
', @@ -1373,11 +1330,8 @@ describe('Select.vue', () => { }).$mount() expect(vm.$children[0].inputClasses.hidden).toEqual(true) - expect(vm.$children[0].inputClasses.empty).toEqual(false) - expect(vm.$children[0].inputClasses.shrunk).toEqual(false) }) - it('should not apply the "hidden" class to the search input when a value is present, and the dropdown is open', () => { const vm = new Vue({ template: '
', @@ -1392,8 +1346,6 @@ describe('Select.vue', () => { Vue.nextTick(() => { expect(vm.$children[0].open).toEqual(true) expect(vm.$children[0].inputClasses.hidden).toEqual(false) - expect(vm.$children[0].inputClasses.empty).toEqual(false) - expect(vm.$children[0].inputClasses.shrunk).toEqual(false) done() }) })