Skip to content

Commit 9ea5194

Browse files
Fix long list output in Dropdown
2 parents 4d7facb + a31b8a6 commit 9ea5194

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/components/Dropdown/Dropdown.tsx

+5
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ export const Dropdown = (props: DropdownMenu.DropdownMenuProps) => (
1212
const DropdownMenuItem = styled(GenericMenuItem)`
1313
position: relative;
1414
display: flex;
15+
min-height: 32px;
1516
&[data-state="open"] {
1617
${({ theme }) => `
1718
font: ${theme.click.genericMenu.item.typography.label.hover};
@@ -93,6 +94,10 @@ const DropdownMenuContent = styled(GenericMenuPanel)`
9394
min-width: ${({ theme }) => theme.click.genericMenu.item.size.minWidth};
9495
flex-direction: column;
9596
z-index: 1;
97+
overflow-y: scroll;
98+
max-height: calc(
99+
(var(--radix-${({ $type }) => $type}-content-available-height) - 100px)
100+
);
96101
`;
97102

98103
const DropdownContent = ({

0 commit comments

Comments
 (0)