fix: change height to maxHeight (#981)

Author: jkcs

packages/mantine/src/style.css

@@ -300,6 +300,7 @@
   box-sizing: border-box;
   color: var(--bn-colors-menu-text);
   height: fit-content;
+  max-height: inherit;
   overflow-y: auto;
   padding: 2px;
 }
@@ -371,7 +372,7 @@
   gap: 7px;
   height: fit-content;
   justify-items: center;
-  max-height: min(500px, 100%);
+  max-height: inherit;
   overflow-y: auto;
   padding: 20px;
 }

packages/react/src/components/SuggestionMenu/GridSuggestionMenu/GridSuggestionMenuController.tsx

@@ -114,7 +114,7 @@ export function GridSuggestionMenuController<
         size({
           apply({ availableHeight, elements }) {
             Object.assign(elements.floating.style, {
-              height: `${availableHeight - 10}px`,
+              maxHeight: `${availableHeight - 10}px`,
             });
           },
         }),

packages/react/src/components/SuggestionMenu/SuggestionMenuController.tsx

@@ -110,7 +110,7 @@ export function SuggestionMenuController<
         size({
           apply({ availableHeight, elements }) {
             Object.assign(elements.floating.style, {
-              height: `${availableHeight - 10}px`,
+              maxHeight: `${availableHeight - 10}px`,
             });
           },
         }),