From 9ce61794210cf79ff8b14b1f6823f0b070efcd74 Mon Sep 17 00:00:00 2001
From: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>
Date: Fri, 10 Oct 2025 16:46:47 +0530
Subject: [PATCH] [WEB-5120] refactor: add onSearchQueryKeyDown prop to
 ComboboxOptions for keyboard event handling #7941

---
 packages/propel/src/combobox/combobox.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/propel/src/combobox/combobox.tsx b/packages/propel/src/combobox/combobox.tsx
index 427eba3d4..d78b28e01 100644
--- a/packages/propel/src/combobox/combobox.tsx
+++ b/packages/propel/src/combobox/combobox.tsx
@@ -37,6 +37,7 @@ export interface ComboboxOptionsProps {
   positionerClassName?: string;
   searchQuery?: string;
   onSearchQueryChange?: (query: string) => void;
+  onSearchQueryKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
 export interface ComboboxOptionProps {
@@ -109,6 +110,7 @@ function ComboboxOptions({
   positionerClassName,
   searchQuery: controlledSearchQuery,
   onSearchQueryChange,
+  onSearchQueryKeyDown,
 }: ComboboxOptionsProps) {
   // const [searchQuery, setSearchQuery] = React.useState("");
   const [internalSearchQuery, setInternalSearchQuery] = React.useState("");
@@ -172,6 +174,7 @@ function ComboboxOptions({
                   placeholder={searchPlaceholder}
                   value={searchQuery}
                   onChange={(e) => setSearchQuery(e.target.value)}
+                  onKeyDown={onSearchQueryKeyDown}
                   className={cn(
                     "w-full rounded border border-custom-border-100 bg-custom-background-90 py-1.5 pl-8 pr-2 text-sm outline-none placeholder:text-custom-text-400",
                     inputClassName