SideNav in new Navigation system does not expand/ collapse when clicked in top nav

Atlassian Developer Tools
1

Hello.

It’s not possible to have the SideNav expanded on desktops. If I resize the window to be smaller then clicking the expand/collapse button makes it show as an overlay and if I resize the window to make it larger then the SideNav looks as expected. Upon refreshing the page the SideNav collapses and there is no way to expand it and make it stick.

1 Like
2

Hey, have you been able to solve your issue?

I’m having the same issue, can’t make it work as expected on desktop.

I have found this example which appears to work: Isolated Examples – Atlaskit

and here’s my code:

    <Root>
      <Banner>
        <p>banner</p>
      </Banner>
      <TopNav>
        <TopNavStart>
          <SideNavToggleButton collapseLabel='collapse label' expandLabel='expand label' />
        </TopNavStart>
        <TopNavMiddle>
          <CreateButton>Create</CreateButton>
        </TopNavMiddle>
        <TopNavEnd>top nav env</TopNavEnd>
      </TopNav>
      <SideNav>
        <SideNavHeader>Hello</SideNavHeader>
        <SideNavContent>
          <MenuList>
            <LinkMenuItem href='/'>
              <p>Link menu item (icon)</p>
            </LinkMenuItem>
          </MenuList>
        </SideNavContent>
        <SideNavFooter>Hllo</SideNavFooter>
      </SideNav>
    </Root >
3

Hi, may I ask if you have resolved this issue? I’m encountering the same problem.

1 Like