[FIX] Admin Sidebar overflowing (#19101)

client/account/sidebarItems.js

@@ -1,9 +1,13 @@
+import { HTML } from 'meteor/htmljs';
+
 import { hasPermission } from '../../app/authorization/client';
 import { createTemplateForComponent } from '../reactAdapters';
 import { settings } from '../../app/settings';
 import { createSidebarItems } from '../helpers/createSidebarItems';
 
-createTemplateForComponent('accountFlex', () => import('./AccountSidebar'));
+createTemplateForComponent('accountFlex', () => import('./AccountSidebar'), {
+	renderContainerView: () => HTML.DIV({ style: 'height: 100%; position: relative;' }), // eslint-disable-line new-cap
+});
 
 export const {
 	registerSidebarItem: registerAccountSidebarItem,

client/admin/sidebarItems.js

@@ -1,10 +1,13 @@
+import { HTML } from 'meteor/htmljs';
 import { Meteor } from 'meteor/meteor';
 
 import { hasPermission, hasRole } from '../../app/authorization/client';
 import { createTemplateForComponent } from '../reactAdapters';
 import { createSidebarItems } from '../helpers/createSidebarItems';
 
-createTemplateForComponent('adminFlex', () => import('./sidebar/AdminSidebar'));
+createTemplateForComponent('adminFlex', () => import('./sidebar/AdminSidebar'), {
+	renderContainerView: () => HTML.DIV({ style: 'height: 100%; position: relative;' }), // eslint-disable-line new-cap
+});
 
 export const {
 	registerSidebarItem: registerAdminSidebarItem,

client/components/basic/Sidebar.js

@@ -6,7 +6,7 @@ import { useTranslation } from '../../contexts/TranslationContext';
 import { useRoutePath } from '../../contexts/RouterContext';
 import { ActionButton } from './Buttons/ActionButton';
 
-const Sidebar = ({ children, ...props }) => <Box display='flex' flexDirection='column' h='100vh' {...props}>
+const Sidebar = ({ children, ...props }) => <Box display='flex' flexDirection='column' h='full' {...props}>
 	{children}
 </Box>;
 

client/omnichannel/routes.js

@@ -1,7 +1,11 @@
+import { HTML } from 'meteor/htmljs';
+
 import { createTemplateForComponent } from '../reactAdapters';
 import { createRouteGroup } from '../helpers/createRouteGroup';
 
-createTemplateForComponent('omnichannelFlex', () => import('./sidebar/OmnichannelSidebar'));
+createTemplateForComponent('omnichannelFlex', () => import('./sidebar/OmnichannelSidebar'), {
+	renderContainerView: () => HTML.DIV({ style: 'height: 100%; position: relative;' }), // eslint-disable-line new-cap
+});
 
 export const registerOmnichannelRoute = createRouteGroup('omnichannel', '/omnichannel', () => import('./OmnichannelRouter'));