From 7cc34f4a0568e1f9603beea43a9bcd5541aaae2d Mon Sep 17 00:00:00 2001
From: VINEETH ASOK KUMAR <vineeth.asokkumar@clickhouse.com>
Date: Thu, 28 Sep 2023 14:28:27 +0200
Subject: [PATCH] Add comment for select list height

---
 src/components/Select/common/SelectStyled.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Select/common/SelectStyled.tsx b/src/components/Select/common/SelectStyled.tsx
index fdcba67e..935f2c00 100644
--- 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;