Add comment for select list height (#159)

ClickHouse · Sep 28, 2023 · 95af900 · 95af900 · vercel · Sep 28, 2023
1 parent e73ed62
commit 95af900
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Select/common/SelectStyled.tsx b/src/components/Select/common/SelectStyled.tsx
@@ -148,6 +148,11 @@ export const SearchClose = styled.button<{ $showClose: boolean }>`
   visibility: ${({ $showClose }) => ($showClose ? "visible" : "hidden")};
 `;
 
+/*
+  Added the max-height with calc as the content should always be fit inside SelectPopoverContent
+  SelectPopoverContent has hardcoded padding and thats why we are using 1 rem instead of tokens
+  This makes sure that the content is always visible with the scrolling
+*/
 export const SelectList = styled.div`
   display: flex;
   flex-direction: column;