fix(dropdownmenu): fix header visibility and extra margin issue (#855)

chanzuckerberg · Oct 1, 2024 · c1b736c · c1b736c
1 parent 486b2e7
commit c1b736c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/components/src/core/DropdownMenu/index.tsx b/packages/components/src/core/DropdownMenu/index.tsx
@@ -174,10 +174,12 @@ const DropdownMenu = <
           {...ClickAwayListenerProps}
         >
           <StyledDropdownMenuAutocompleteWrapper>
-            <StyledDropdownMenuHeader search={search}>
-              {title && <StyledHeaderTitle>{title}</StyledHeaderTitle>}
-              {headerComponentSlot && <>{headerComponentSlot}</>}
-            </StyledDropdownMenuHeader>
+            {(title || headerComponentSlot) && (
+              <StyledDropdownMenuHeader search={search}>
+                {title && <StyledHeaderTitle>{title}</StyledHeaderTitle>}
+                {headerComponentSlot && <>{headerComponentSlot}</>}
+              </StyledDropdownMenuHeader>
+            )}
             {anchorEl && (
               <Autocomplete
                 label={label}