Added inert to mobile items when collapsed

Author: thatblindgeye

packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx

@@ -221,7 +221,7 @@ export const CompassDockDemo: React.FunctionComponent = () => {
 
   // Docked masthead - vertical navigation sidebar
   const dockContent = (
-    <CompassDockMain>
+    <CompassDockMain {...(isMobile && !isDockExpanded && { inert: '' })}>
       <Masthead display={{ default: undefined }} id="docked-masthead" variant="docked">
         <MastheadMain>
           <MastheadToggle>

packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx

@@ -240,7 +240,12 @@ export const NavDockedNav: React.FunctionComponent = () => {
 
   // Docked masthead - vertical navigation sidebar
   const dockedMasthead = (
-    <Masthead display={{ default: undefined }} id="docked-masthead" variant="docked">
+    <Masthead
+      {...(isMobile && !isDockExpanded && { inert: '' })}
+      display={{ default: undefined }}
+      id="docked-masthead"
+      variant="docked"
+    >
       <MastheadMain>
         <MastheadToggle>
           <Button