fix(InstallationMethodDropdown): increase height (#7989)

* fix height dropdown

* fix(ui): Remove max-height from Select component dropdown in InstallationMethodDropdown

* reverted changes from index.module.css

Author: abinadiS

apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx

@@ -80,6 +80,7 @@ const InstallationMethodDropdown: FC = () => {
       ariaLabel={t('layouts.download.dropdown.platform')}
       onChange={platform => platform && release.setInstallMethod(platform)}
       className="min-w-28"
+      dropdownClassName="!max-h-none"
       inline={true}
     />
   );

packages/ui-components/src/Common/Select/index.tsx

@@ -39,6 +39,12 @@ type SelectProps<T extends string> = {
   inline?: boolean;
   onChange?: (value: T) => void;
   className?: string;
+  /**
+   * Allows passing custom CSS classes to the dropdown container element.
+   * This is useful for overriding default styles, such as adjusting `max-height`.
+   * The dropdown is rendered within a `Portal`.
+   */
+  dropdownClassName?: string;
   ariaLabel?: string;
   loading?: boolean;
   disabled?: boolean;
@@ -52,6 +58,7 @@ const Select = <T extends string>({
   inline,
   onChange,
   className,
+  dropdownClassName,
   ariaLabel,
   loading = false,
   disabled = false,
@@ -166,9 +173,11 @@ const Select = <T extends string>({
           <SelectPrimitive.Portal>
             <SelectPrimitive.Content
               position={inline ? 'popper' : 'item-aligned'}
-              className={classNames(styles.dropdown, {
-                [styles.inline]: inline,
-              })}
+              className={classNames(
+                styles.dropdown,
+                { [styles.inline]: inline },
+                dropdownClassName
+              )}
             >
               <SelectPrimitive.ScrollUpButton>
                 <ChevronUpIcon className={styles.scrollIcon} />