@codeleap/web 3.12.15 → 3.12.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "3.12.15",
+  "version": "3.12.17",
   "main": "src/index.ts",
   "repository": {
     "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",

package/src/components/Modal/index.tsx

@@ -335,9 +335,11 @@ export const Modal = (props) => {
     if (visible) {
       document.body.style.overflowY = 'hidden'
       document.body.style.overflowX = 'hidden'
+      document.body.style.maxHeight = '100svh'
     } else {
       document.body.style.overflowY = 'visible'
       document.body.style.overflowX = 'hidden'
+      document.body.style.maxHeight = 'unset'
     }
   }, [visible])
 

package/src/components/Select/index.tsx

@@ -375,6 +375,14 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
       setKeyDownActive(true)
     }
 
+    const MenuComponent = React.useCallback((props) => {
+      return <CustomMenu {...props} Footer={FooterComponent} />
+    }, [])
+
+    const MenuListComponent = React.useCallback((props) => {
+      return <CustomMenuList {...props} defaultStyles={menuWrapperStyles} />
+    }, [])
+
     return (
       <InputBase
         {...inputBaseProps}
@@ -434,8 +442,8 @@ export const Select = forwardRef<HTMLInputElement, SelectProps>(
             ),
             DropdownIndicator: props => showDropdownIcon ? <components.DropdownIndicator {...props} /> : null,
             NoOptionsMessage: props => <_Placeholder {...props} />,
-            Menu: props => <CustomMenu {...props} Footer={FooterComponent} />,
-            MenuList: props => <CustomMenuList {...props} defaultStyles={menuWrapperStyles} />,
+            Menu: MenuComponent,
+            MenuList: MenuListComponent,
             Option: props => (
               <DefaultOption
                 {...props}