From 06300d1a8e364b9d336d157b634cb7b47d0caca4 Mon Sep 17 00:00:00 2001
From: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com>
Date: Mon, 17 Nov 2025 19:47:48 +0530
Subject: [PATCH] [WEB-5447] feat: add dataPreventOutsideClick prop to
 reafactor: ComboboxOptions for enhanced click handling #8112

---
 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 d78b28e01..e2d6d005f 100644
--- a/packages/propel/src/combobox/combobox.tsx
+++ b/packages/propel/src/combobox/combobox.tsx
@@ -38,6 +38,7 @@ export interface ComboboxOptionsProps {
   searchQuery?: string;
   onSearchQueryChange?: (query: string) => void;
   onSearchQueryKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+  dataPreventOutsideClick?: boolean;
 }
 
 export interface ComboboxOptionProps {
@@ -111,6 +112,7 @@ function ComboboxOptions({
   searchQuery: controlledSearchQuery,
   onSearchQueryChange,
   onSearchQueryKeyDown,
+  dataPreventOutsideClick,
 }: ComboboxOptionsProps) {
   // const [searchQuery, setSearchQuery] = React.useState("");
   const [internalSearchQuery, setInternalSearchQuery] = React.useState("");
@@ -164,6 +166,7 @@ function ComboboxOptions({
       <BaseCombobox.Positioner sideOffset={8} className={positionerClassName}>
         <BaseCombobox.Popup
           className={cn("rounded-md border border-custom-border-200 bg-custom-background-100 p-1 shadow-lg", className)}
+          data-prevent-outside-click={dataPreventOutsideClick}
         >
           <div className="flex flex-col gap-1">
             {showSearch && (