Fix dropdown not opening after closing

Signed-off-by: Christopher Ng <[email protected]>

Author: Pytal

src/components/Select.vue

@@ -1317,6 +1317,10 @@ export default {
     onSearchKeyDown(e) {
       const preventAndSelect = (e) => {
         e.preventDefault()
+        if (!this.open) {
+          this.open = true
+          return
+        }
         return !this.isComposing && this.typeAheadSelect()
       }
 

tests/unit/Dropdown.spec.js

@@ -63,6 +63,15 @@ describe('Toggling Dropdown', () => {
     expect(Select.vm.search).toEqual('')
   })
 
+  it('should open dropdown on selectOnKeyCodes keydown', async () => {
+    const Select = mountDefault()
+    const input = Select.findComponent({ ref: 'search' })
+
+    input.trigger('keydown.enter')
+
+    expect(Select.vm.open).toEqual(true)
+  })
+
   it('should open dropdown on alphabetic input', async () => {
     const Select = mountDefault()
     const input = Select.findComponent({ ref: 'search' })

tests/unit/Keydown.spec.js

@@ -19,6 +19,7 @@ describe('Custom Keydown Handlers', () => {
 
     const spy = jest.spyOn(Select.vm, 'typeAheadSelect')
 
+    Select.vm.open = true
     Select.findComponent({ ref: 'search' }).trigger('keydown.space')
 
     expect(spy).toHaveBeenCalledTimes(1)
@@ -33,6 +34,7 @@ describe('Custom Keydown Handlers', () => {
 
     const spy = jest.spyOn(Select.vm, 'typeAheadSelect')
 
+    Select.vm.open = true
     Select.findComponent({ ref: 'search' }).trigger('keydown.space')
     expect(onKeyDown.mock.calls.length).toBe(1)