diff --git a/src/components/Select.vue b/src/components/Select.vue index 2abeafa..936c06f 100644 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -847,7 +847,8 @@ * @return {void} */ toggleDropdown(e) { - if (e.target === this.$refs.openIndicator || e.target === this.$refs.search || e.target === this.$refs.toggle || e.target === this.$el) { + if (e.target === this.$refs.openIndicator || e.target === this.$refs.search || e.target === this.$refs.toggle || + e.target.classList.contains('selected-tag') || e.target === this.$el) { if (this.open) { this.$refs.search.blur() // dropdown will close on blur } else { diff --git a/test/unit/specs/Select.spec.js b/test/unit/specs/Select.spec.js index 348382f..af6947c 100644 --- a/test/unit/specs/Select.spec.js +++ b/test/unit/specs/Select.spec.js @@ -433,6 +433,26 @@ describe('Select.vue', () => { }) }) + it('should open the dropdown when the selected tag is clicked', (done) => { + const vm = new Vue({ + template: '