Side navigation clickable anywhere on collapse to open it

[rpatidar]

I was finding the current sidebar experience slow to move mouse to the top side bar button and expand and then click on the link where you wanted. i was lookiing if its possible to make the sidebar clickable when its collapse state so when user click anywhere on the sidebar area, it can expand ?

i also tried some workarounds but since its not "a" element it does not worked.

    var tags = document.getElementsByTagName("nav");
    if (tags.length > 0) {
      const sideNavigation = tags[0]; // Ensure sideNavigation is correctly selected
      if (sideNavigation) {
        sideNavigation.style.background = "red";
        const handleClick = () => {
          console.log("called");
          if (navigationPanelState.collapsed) {
            setNavigationPanelState({
              ...navigationPanelState,
              collapsed: !navigationPanelState.collapsed,
            });
          }
        };
        sideNavigation.addEventListener("click", handleClick);

        // Clean up the event listener on unmount
        return () => {
          sideNavigation.removeEventListener("click", handleClick);
        };
      }
    }
    ```

[cansuaa]

Hi Rajesh, unfortunately the side navigation doesn't allow this and we currently don't have any plans to add such feature to it.