fix dropdown maxheight

src/app/(main)/settings/preferences/LanguageSetting.tsx

@@ -33,7 +33,7 @@ export function LanguageSetting() {
         allowSearch
         onSearch={setSearch}
         onOpenChange={handleOpen}
-        listProps={{ style: { maxHeight: 300 } }}
+        maxHeight={480}
         style={{ minWidth: '250px' }}
       >
         {items.map(item => (

src/app/(main)/settings/preferences/TimezoneSetting.tsx

@@ -29,7 +29,7 @@ export function TimezoneSetting() {
         allowSearch={true}
         onSearch={setSearch}
         onOpenChange={handleOpen}
-        listProps={{ style: { maxHeight: 300 } }}
+        maxHeight={480}
         style={{ minWidth: '250px' }}
       >
         {items.map((item: any) => (

src/app/(main)/websites/[websiteId]/compare/CompareTables.tsx

@@ -154,10 +154,9 @@ export function CompareTables({ websiteId }: { websiteId: string }) {
         <Select
           label={t(labels.compare)}
           value={view}
-          defaultValue={view}
           onChange={handleChange}
-          style={{ width: 200 }}
-          popoverProps={{ style: { width: 200 } }}
+          maxHeight={480}
+          listProps={{ style: { width: 200 } }}
         >
           {items.map(({ id, label }) => (
             <ListItem key={id} id={id}>

src/app/(main)/websites/[websiteId]/events/EventProperties.tsx

@@ -42,6 +42,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               value={eventName}
               onChange={setEventName}
               placeholder=""
+              maxHeight={480}
             >
               {events?.map(p => (
                 <ListItem key={p} id={p}>
@@ -55,6 +56,7 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               onChange={setPropertyName}
               isDisabled={!eventName}
               placeholder=""
+              maxHeight={480}
             >
               {properties?.map(p => (
                 <ListItem key={p} id={p}>

src/app/(main)/websites/[websiteId]/sessions/SessionProperties.tsx

@@ -33,6 +33,7 @@ export function SessionProperties({ websiteId }: { websiteId: string }) {
               value={propertyName}
               onChange={setPropertyName}
               placeholder=""
+              maxHeight={480}
             >
               {properties?.map(p => (
                 <ListItem key={p} id={p}>

src/components/input/BoardSelect.tsx

@@ -72,12 +72,12 @@ export function BoardSelect({
           ...buttonProps?.style,
         },
       }}
+      maxHeight={480}
       listProps={{
         ...listProps,
         renderEmptyState:
           listProps?.renderEmptyState || (() => <Empty message={t(messages.noResultsFound)} />),
         style: {
-          maxHeight: 'calc(42vh - 65px)',
           width: 280,
           ...listProps?.style,
         },

src/components/input/CurrencySelect.tsx

@@ -13,7 +13,7 @@ export function CurrencySelect({ value, onChange }) {
       value={value}
       defaultValue={value}
       onChange={onChange}
-      listProps={{ style: { maxHeight: 300 } }}
+      maxHeight={480}
       onSearch={setSearch}
       allowSearch
     >

src/components/input/LinkSelect.tsx

@@ -76,12 +76,12 @@ export function LinkSelect({
           ...buttonProps?.style,
         },
       }}
+      maxHeight={480}
       listProps={{
         ...listProps,
         renderEmptyState:
           listProps?.renderEmptyState || (() => <Empty message={t(messages.noResultsFound)} />),
         style: {
-          maxHeight: 'calc(42vh - 65px)',
           width: 280,
           ...listProps?.style,
         },

src/components/input/PixelSelect.tsx

@@ -76,12 +76,12 @@ export function PixelSelect({
           ...buttonProps?.style,
         },
       }}
+      maxHeight={480}
       listProps={{
         ...listProps,
         renderEmptyState:
           listProps?.renderEmptyState || (() => <Empty message={t(messages.noResultsFound)} />),
         style: {
-          maxHeight: 'calc(42vh - 65px)',
           width: 280,
           ...listProps?.style,
         },

src/components/input/UserSelect.tsx

@@ -50,9 +50,9 @@ export function UserSelect({
       onSearch={handleSearch}
       onChange={handleChange}
       onOpenChange={handleOpenChange}
+      maxHeight={480}
       listProps={{
         renderEmptyState: () => <Empty message={t(messages.noResultsFound)} />,
-        style: { maxHeight: 'calc(42vh - 65px)' },
       }}
     >
       {listItems.map(({ id, username }) => (

src/components/input/WebsiteSelect.tsx

@@ -91,12 +91,12 @@ export function WebsiteSelect({
           ...buttonProps?.style,
         },
       }}
+      maxHeight={480}
       listProps={{
         ...listProps,
         renderEmptyState:
           listProps?.renderEmptyState || (() => <Empty message={t(messages.noResultsFound)} />),
         style: {
-          maxHeight: 'calc(42vh - 65px)',
           width: 280,
           ...listProps?.style,
         },