From 9e5f6b558072f6cdfa0f7010fa819662952fcaf1 Mon Sep 17 00:00:00 2001
From: nai-degen <92774204+nai-degen@users.noreply.github.com>
Date: Sun, 9 Oct 2022 19:37:35 -0500
Subject: [PATCH] triggers 'input' event when using arrow keys to edit
 attention

---
 javascript/edit-attention.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/javascript/edit-attention.js b/javascript/edit-attention.js
index 0280c603..79566a2e 100644
--- a/javascript/edit-attention.js
+++ b/javascript/edit-attention.js
@@ -38,4 +38,7 @@ addEventListener('keydown', (event) => {
 		target.selectionStart = selectionStart;
 		target.selectionEnd = selectionEnd;
 	}
+	// Since we've modified a Gradio Textbox component manually, we need to simulate an `input` DOM event to ensure its
+	// internal Svelte data binding remains in sync.
+	target.dispatchEvent(new Event("input", { bubbles: true }));
 });