Skip to content

Commit ce031b2

Browse files
Adds max height to dropdown.
1 parent 7feec70 commit ce031b2

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/components/Dropdown/Dropdown.tsx

+3-1
Original file line numberDiff line numberDiff line change
@@ -90,11 +90,13 @@ type DropdownSubContentProps = DropdownMenu.MenuSubContentProps &
9090
MainDropdownProps &
9191
ArrowProps;
9292

93+
console.log("Max height: ", )
9394
const DropdownMenuContent = styled(GenericMenuPanel)`
9495
min-width: ${({ theme }) => theme.click.genericMenu.item.size.minWidth};
9596
flex-direction: column;
9697
z-index: 1;
97-
overflow-y: auto;
98+
overflow-y: scroll;
99+
max-height: calc((var(--radix-${({ $type }) => $type}-content-available-height) - 100px))
98100
`;
99101

100102
const DropdownContent = ({

0 commit comments

Comments
 (0)