Merge pull request #236 from rebeccaalpert/a11y-216

fix(ChatbotConversationHistoryNav): Focus should go to launcher on close

Author: nicolethoen

packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.md

@@ -74,11 +74,3 @@ Actions can be added to conversations with `menuItems`. Optionally, you can also
 ```js file="./ChatbotHeaderDrawerWithActions.tsx"
 
 ```
-
-### Drawer in header
-
-This example illustrates how to use `aria-expanded` and the `<ChatbotHeaderMenu>` with the drawer.
-
-```js file="./ChatbotHeaderDrawerInHeader.tsx"
-
-```

packages/module/patternfly-docs/content/extensions/virtual-assistant/examples/ChatbotConversationHistoryNav/ChatbotHeaderDrawerInHeader.tsx

@@ -111,11 +111,8 @@
     --pf-v6-c-drawer__panel__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
 
     overflow-y: auto;
-
-    display: grid;
-    grid-template-rows: auto 1fr auto;
-    grid-auto-rows: auto;
-
+    display: flex;
+    flex-direction: column;
     height: 70vh;
   }
 }

packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss

@@ -202,14 +202,12 @@ export const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConve
     >
       <DrawerContent panelContent={panelContent}>
         <DrawerContentBody>
-          {isDrawerOpen && (displayMode === ChatbotDisplayMode.default || displayMode === ChatbotDisplayMode.docked) ? (
-            <>
-              <div className="pf-v6-c-backdrop pf-chatbot__drawer-backdrop"></div>
-              {drawerContent}
-            </>
-          ) : (
-            drawerContent
-          )}
+          <>
+            <div
+              className={`${isDrawerOpen && (displayMode === ChatbotDisplayMode.default || displayMode === ChatbotDisplayMode.docked) ? 'pf-v6-c-backdrop pf-chatbot__drawer-backdrop' : undefined} `}
+            ></div>
+            {drawerContent}
+          </>
         </DrawerContentBody>
       </DrawerContent>
     </Drawer>