Fix IME bug in QueryList (#7028)

Author: AaronJRubin

packages/select/changelog/@unreleased/pr-7028.v2.yml

@@ -0,0 +1,5 @@
+type: fix
+fix:
+  description: Fix buggy behavior with IME input in QueryList component
+  links:
+  - https://github.com/palantir/blueprint/pull/7028

packages/select/src/components/query-list/queryList.tsx

@@ -522,16 +522,18 @@ export class QueryList<T, A extends readonly T[] = T[]> extends AbstractComponen
     };
 
     private handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {
-        const { key } = event;
-        const direction = Utils.getArrowKeyDirection(event, ["ArrowUp"], ["ArrowDown"]);
-        if (direction !== undefined) {
-            event.preventDefault();
-            const nextActiveItem = this.getNextActiveItem(direction);
-            if (nextActiveItem != null) {
-                this.setActiveItem(nextActiveItem);
+        if (!event.nativeEvent.isComposing) {
+            const { key } = event;
+            const direction = Utils.getArrowKeyDirection(event, ["ArrowUp"], ["ArrowDown"]);
+            if (direction !== undefined) {
+                event.preventDefault();
+                const nextActiveItem = this.getNextActiveItem(direction);
+                if (nextActiveItem != null) {
+                    this.setActiveItem(nextActiveItem);
+                }
+            } else if (key === "Enter") {
+                this.isEnterKeyPressed = true;
             }
-        } else if (key === "Enter") {
-            this.isEnterKeyPressed = true;
         }
 
         this.props.onKeyDown?.(event);