From 98ae3bb52abf97c76f29e52f0a915c402c2d7451 Mon Sep 17 00:00:00 2001
From: Rajdeep Singh <rajdeep.kuswaha@s.amity.edu>
Date: Thu, 16 Apr 2026 17:57:26 +0530
Subject: [PATCH] fix(ui): add missing fontSize to SelectContext in Combobox
 and Autocomplete

PR #27379 added fontSize as a required property to SelectContext but
only updated select.tsx. This adds the missing fontSize property to
combobox.tsx and autocomplete.tsx to fix the TypeScript build error
(TS2741) that is currently blocking CI on all open PRs.
---
 .../ui/src/components/base/autocomplete/autocomplete.tsx     | 5 ++++-
 .../resources/ui/src/components/base/select/combobox.tsx     | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/autocomplete/autocomplete.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/autocomplete/autocomplete.tsx
index 59191bf6f70e..e96c3255eb49 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/autocomplete/autocomplete.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/autocomplete/autocomplete.tsx
@@ -415,7 +415,10 @@ export const AutocompleteBase = ({
 
   useResizeObserver({ ref: triggerRef, onResize, box: 'border-box' });
 
-  const selectContextValue = useMemo(() => ({ size: 'sm' as const }), []);
+  const selectContextValue = useMemo(
+    () => ({ fontSize: 'md' as const, size: 'sm' as const }),
+    []
+  );
 
   const autocompleteContextValue = useMemo(
     () => ({
diff --git a/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/combobox.tsx b/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/combobox.tsx
index 419db89f68c6..f423fc0debcb 100644
--- a/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/combobox.tsx
+++ b/openmetadata-ui-core-components/src/main/resources/ui/src/components/base/select/combobox.tsx
@@ -139,6 +139,7 @@ export const ComboBox = ({
   placeholder = 'Search',
   shortcut = true,
   size = 'sm',
+  fontSize = 'md',
   children,
   items,
   shortcutClassName,
@@ -165,7 +166,7 @@ export const ComboBox = ({
   });
 
   return (
-    <SelectContext.Provider value={{ size }}>
+    <SelectContext.Provider value={{ fontSize, size }}>
       <AriaComboBox menuTrigger="focus" {...otherProps}>
         {(state) => (
           <div className="tw:flex tw:flex-col tw:gap-1.5">