fix: ignore composing key events to prevent unintended behavior

CHANGELOG-nightly.md

@@ -1,4 +1,8 @@
-### 3.1.1 3000
+### 3.1.1.3100
+
+-   Fixed an issue where history navigation is accidentally triggered during IME composition
+
+### 3.1.1.3000
 
 -   Added support for animated FFZ emotes
 -   Added option to hide whispers

src/app/emote-menu/EmoteMenu.vue

@@ -138,6 +138,7 @@ onKeyStroke("e", (ev) => {
 
 // Up/Down Arrow iterates providers
 useEventListener("keydown", (ev) => {
+	if (ev.isComposing) return;
 	if (!["ArrowUp", "ArrowDown"].includes(ev.key)) return;
 
 	const cur = Object.keys(visibleProviders).indexOf(activeProvider.value ?? "7TV");

src/site/kick.com/modules/chat/ChatAutocomplete.vue

@@ -195,6 +195,8 @@ useEventListener(
 	inputEl,
 	"keydown",
 	(ev: KeyboardEvent) => {
+		if (ev.isComposing) return;
+
 		const sel = document.getSelection();
 		if (!sel) return;
 

src/site/twitch.tv/modules/chat-input/ChatInput.vue

@@ -402,6 +402,8 @@ function resetState() {
 }
 
 function onKeyDown(ev: KeyboardEvent) {
+	if (ev.isComposing) return;
+
 	switch (ev.key) {
 		case "Tab":
 			handleTabPress(ev, isShift.value);

src/site/twitch.tv/modules/chat-input/ChatInputCarousel.vue

@@ -73,6 +73,7 @@ useEventListener(
 	"keydown",
 	(ev) => {
 		if (!shouldListenToArrowPresses.value) return;
+		if (ev.isComposing) return;
 
 		if (ev.key === "ArrowLeft") {
 			emit("back", ev);