diff --git a/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx b/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx index 831b5b6e480ee..b640912ee9de1 100644 --- a/apps/site/components/Downloads/Release/InstallationMethodDropdown.tsx +++ b/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} /> ); diff --git a/packages/ui-components/src/Common/Select/index.tsx b/packages/ui-components/src/Common/Select/index.tsx index bf534c014eee3..21df85fbcf1bf 100644 --- a/packages/ui-components/src/Common/Select/index.tsx +++ b/packages/ui-components/src/Common/Select/index.tsx @@ -39,6 +39,12 @@ type SelectProps = { 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 = ({ inline, onChange, className, + dropdownClassName, ariaLabel, loading = false, disabled = false, @@ -166,9 +173,11 @@ const Select = ({