Merge pull request #161 from patternfly/nav-overflow-fix

fix(nav): prevent overflow of nav items causing page body overflow

Author: kmcfaul

src/components/Navigation.tsx

@@ -25,7 +25,7 @@ export const Navigation: React.FunctionComponent<NavigationProps> = ({
 
   return (
     // Can possibly add back PageSidebar wrapper when https://github.com/patternfly/patternfly/issues/7377 goes in
-    <PageSidebarBody id="page-sidebar-body">
+    <PageSidebarBody id="page-sidebar-body" style={{ overflowY: 'auto' }}>
       <Nav onSelect={onNavSelect}>
         <NavList>
           {navData.map((navEntries) => {

src/components/__tests__/__snapshots__/Navigation.test.tsx.snap

@@ -5,6 +5,7 @@ exports[`matches snapshot 1`] = `
   <div
     class="pf-v6-c-page__sidebar-body"
     id="page-sidebar-body"
+    style="overflow-y: auto;"
   >
     <nav
       aria-label="Global"