Added a timeout for label search

src/components/lists/ShowList.vue

@@ -353,6 +353,7 @@
 				labelService: LabelService,
 				labelTaskService: LabelTaskService,
 				foundLabels: [],
+				labelTimeout: null,
 			}
 		},
 		components: {
@@ -523,15 +524,23 @@
 					return
 				}
 
-				this.labelService.getAll({}, {s: query})
-					.then(response => {
-						this.$set(this, 'foundLabels', differenceWith(response, this.taskEditTask.labels, (first, second) => {
-							return first.id === second.id
-						}))
-					})
-					.catch(e => {
-						message.error(e, this)
-					})
+				if(this.labelTimeout !== null) {
+					clearTimeout(this.labelTimeout)
+				}
+
+				// Delay the search 300ms to not send a request on every keystroke
+				this.labelTimeout = setTimeout(() => {
+					this.labelService.getAll({}, {s: query})
+						.then(response => {
+							this.$set(this, 'foundLabels', differenceWith(response, this.taskEditTask.labels, (first, second) => {
+								return first.id === second.id
+							}))
+							this.labelTimeout = null
+						})
+						.catch(e => {
+							message.error(e, this)
+						})
+				}, 300)
 			},
 			clearAllLabels () {
 				this.$set(this, 'foundLabels', [])