fix: emit input event only if there is val to be deleted (#1038)

src/components/Select.vue

@@ -819,7 +819,7 @@
        * @return {this.value}
        */
       maybeDeleteValue() {
-        if (!this.searchEl.value.length && this.selectedValue && this.clearable) {
+        if (!this.searchEl.value.length && this.selectedValue && this.selectedValue.length && this.clearable) {
           let value = null;
           if (this.multiple) {
             value = [...this.selectedValue.slice(0, this.selectedValue.length - 1)]
@@ -939,7 +939,7 @@
         };
 
         const defaults = {
-          //  delete
+          //  backspace
           8: e => this.maybeDeleteValue(),
           //  tab
           9: e => this.onTab(),

tests/unit/Keydown.spec.js

@@ -69,6 +69,16 @@ describe('Custom Keydown Handlers', () => {
       expect(spy).toHaveBeenCalledTimes(1);
     });
 
+    it('will not emit input event if value has not changed with backspace', () => {
+      const Select = mountDefault();
+      Select.vm.$data._value = 'one';
+      Select.find({ ref: 'search' }).trigger('keydown.backspace');
+      expect(Select.emitted().input.length).toBe(1);
+
+      Select.find({ ref: 'search' }).trigger('keydown.backspace');
+      Select.find({ ref: 'search' }).trigger('keydown.backspace');
+      expect(Select.emitted().input.length).toBe(1);
+    });
   });
 
 });