[docs-infra] Fix product selector popup not closing on route change (#…

…41166)

docs/src/modules/components/AppNavDrawer.js

@@ -46,6 +46,7 @@ const savedScrollTop = {};
 
 function ProductDrawerButton(props) {
   const [anchorEl, setAnchorEl] = React.useState(null);
+
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
@@ -54,6 +55,15 @@ function ProductDrawerButton(props) {
     setAnchorEl(null);
   };
 
+  const handleEventDelegation = (event) => {
+    // Assert whether an 'a' tag resides in the parent of the clicked element through which the event bubbles out.
+    const isLinkInParentTree = Boolean(event.target.closest('a'));
+    // If the element clicked is link or just inside of a link element then close the menu.
+    if (isLinkInParentTree) {
+      handleClose();
+    }
+  };
+
   return (
     <React.Fragment>
       <Button
@@ -93,6 +103,7 @@ function ProductDrawerButton(props) {
             width: { xs: 340, sm: 'auto' },
           },
         }}
+        onClick={handleEventDelegation}
       >
         <MuiProductSelector />
       </Menu>