- hitting escape twice now exits the tag input field

- hitting left and right while in the new tag input field no longer changes image focus
- refocusses the new tag input field when a tag has been submitted

src/DisplayObjects/GalleryInfo.ts

@@ -147,7 +147,8 @@ export class GalleryInfo
 					});
 				}
 			}
-			const newTagEl = currentVal.createEl("input");
+			const newTagEl = currentVal.createEl("input", {cls: "new-tag-input"});
+			newTagEl.name = "new-tag";
 			newTagEl.placeholder = "New Tag";
 			new SuggestionDropdown(newTagEl, () =>{
 				const files = this.plugin.app.vault.getMarkdownFiles();
@@ -171,7 +172,7 @@ export class GalleryInfo
 				{
 					return;
 				}
-				await this.plugin.app.fileManager.processFrontMatter(this.imgInfo, frontmatter => {
+				await this.plugin.app.fileManager.processFrontMatter(this.imgInfo, (frontmatter) => {
 					let tags = frontmatter.tags ?? []
 					if (!Array.isArray(tags)) 
 					{ 
@@ -187,6 +188,8 @@ export class GalleryInfo
 					frontmatter.tags = tags;
 					this.tagList.push(tag)
 					this.updateDisplay();
+
+					(document.querySelector("input[name='new-tag']") as HTMLInputElement).focus();
 					});
 			});
 		}

src/DisplayObjects/SuggestionDropdown.ts

@@ -39,6 +39,7 @@ export class SuggestionDropdown
 		});
 
 		this.target.addEventListener("keydown", (ev) => {this.#onKeyDown(ev)});
+		this.target.addEventListener("keyup", (ev) => {this.#onKeyUp(ev)});
 
 		this.target.addEventListener("blur", () => {this.#cleanUp()});
 		this.target.addEventListener("change", () => {this.#cleanUp()});
@@ -57,6 +58,10 @@ export class SuggestionDropdown
 				this.#submit();
 				break;
 			case "Escape":
+				if(!this.#showing)
+				{
+					this.target.blur();
+				}
 				this.cancel();
 				break;
 			case "ArrowRight":
@@ -98,8 +103,32 @@ export class SuggestionDropdown
 					}
 				}
 				break;
-			default: // new Notice(e.key)
+			default: 
+			// new Notice(e.key)
+			return;
+		}
+
+		event.stopPropagation();
+	}
+
+	#onKeyUp(event:KeyboardEvent)
+	{
+		switch(event.key)
+		{
+			case "Enter":
+			case "Escape":
+			case "ArrowRight":
+			case "ArrowLeft":
+			case "ArrowUp":
+			case "ArrowDown":
+			case "Backspace":
+				break;
+			default: 
+			// new Notice(e.key)
+			return;
 		}
+
+		event.stopPropagation();
 	}
 
 	#submit()