diff --git a/src/navigation/components/MobileNavigation/MobileNavigation.tsx b/src/navigation/components/MobileNavigation/MobileNavigation.tsx index 3052d9063..fa97ef902 100644 --- a/src/navigation/components/MobileNavigation/MobileNavigation.tsx +++ b/src/navigation/components/MobileNavigation/MobileNavigation.tsx @@ -16,6 +16,7 @@ export const MobileNavigation: React.FC = ({ isOpened, topItems, bottomItems, + portalContainer, ...props }) => { const [isMounted, setIsMounted] = React.useState(false); @@ -27,7 +28,7 @@ export const MobileNavigation: React.FC = ({ } return ( - +
{topItems && ( diff --git a/src/navigation/components/Navigation/Navigation.tsx b/src/navigation/components/Navigation/Navigation.tsx index 4cc528fa2..f571b9599 100644 --- a/src/navigation/components/Navigation/Navigation.tsx +++ b/src/navigation/components/Navigation/Navigation.tsx @@ -15,9 +15,15 @@ const b = block('navigation'); export interface NavigationComponentProps extends ClassNameProps { logo: ThemedNavigationLogoData; data: HeaderData; + mobilePortalContainer?: React.RefObject; } -export const Navigation: React.FC = ({data, logo, className}) => { +export const Navigation: React.FC = ({ + data, + logo, + className, + mobilePortalContainer, +}) => { const { leftItems, rightItems, @@ -56,6 +62,7 @@ export const Navigation: React.FC = ({data, logo, clas isOpened={isSidebarOpened} activeItemId={activeItemId} onActiveItemChange={onActiveItemChange} + portalContainer={mobilePortalContainer} /> diff --git a/src/navigation/models.ts b/src/navigation/models.ts index 02ab8e9cb..52ccc2316 100644 --- a/src/navigation/models.ts +++ b/src/navigation/models.ts @@ -73,6 +73,7 @@ export interface MobileNavigationProps extends ClassNameProps, ActiveItemProps { isOpened?: boolean; topItems?: NavigationItemModel[]; bottomItems?: NavigationItemModel[]; + portalContainer?: React.RefObject; } export interface NavigationProps extends MobileMenuButtonProps, ActiveItemProps {