From ce031b24cfb3e433c636b3166a3feb449481b9cf Mon Sep 17 00:00:00 2001 From: Nataly Merezhuk Date: Fri, 31 Jan 2025 14:03:43 -0500 Subject: [PATCH] Adds max height to dropdown. --- src/components/Dropdown/Dropdown.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx index 2040ba10..790a1f86 100644 --- a/src/components/Dropdown/Dropdown.tsx +++ b/src/components/Dropdown/Dropdown.tsx @@ -90,11 +90,13 @@ type DropdownSubContentProps = DropdownMenu.MenuSubContentProps & MainDropdownProps & ArrowProps; + console.log("Max height: ", ) const DropdownMenuContent = styled(GenericMenuPanel)` min-width: ${({ theme }) => theme.click.genericMenu.item.size.minWidth}; flex-direction: column; z-index: 1; - overflow-y: auto; + overflow-y: scroll; + max-height: calc((var(--radix-${({ $type }) => $type}-content-available-height) - 100px)) `; const DropdownContent = ({