fix: make tag input add remaining tag on focus lost

js/tag_input.js

@@ -32,6 +32,15 @@ class TagsInput {
 
         /* Handle deletions by clicking the delete button */
         this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+
+        /* Handle clicks outside the input node to add the past tag */
+        this.inputNode.addEventListener('focusout', (evt) => {
+            if (this.inputNode.value) {
+                this.addTag(this.inputNode.value);
+                this.inputNode.value = "";
+                this.updateHiddenInputValue();
+            }
+        });
     }
 
     detach() {

public/assets/bundle/archive.js

@@ -350,6 +350,15 @@ class TagsInput {
 
         /* Handle deletions by clicking the delete button */
         this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+
+        /* Handle clicks outside the input node to add the past tag */
+        this.inputNode.addEventListener('focusout', (evt) => {
+            if (this.inputNode.value) {
+                this.addTag(this.inputNode.value);
+                this.inputNode.value = "";
+                this.updateHiddenInputValue();
+            }
+        });
     }
 
     detach() {

public/assets/bundle/generic.js

@@ -71,6 +71,15 @@ class TagsInput {
 
         /* Handle deletions by clicking the delete button */
         this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+
+        /* Handle clicks outside the input node to add the past tag */
+        this.inputNode.addEventListener('focusout', (evt) => {
+            if (this.inputNode.value) {
+                this.addTag(this.inputNode.value);
+                this.inputNode.value = "";
+                this.updateHiddenInputValue();
+            }
+        });
     }
 
     detach() {

public/assets/bundle/user_profile.js

@@ -350,6 +350,15 @@ class TagsInput {
 
         /* Handle deletions by clicking the delete button */
         this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+
+        /* Handle clicks outside the input node to add the past tag */
+        this.inputNode.addEventListener('focusout', (evt) => {
+            if (this.inputNode.value) {
+                this.addTag(this.inputNode.value);
+                this.inputNode.value = "";
+                this.updateHiddenInputValue();
+            }
+        });
     }
 
     detach() {