Skip to content

[Bug]: Sidebar is not full height when collapsible is set to none #1302

@Soviut

Description

@Soviut

Reproduction

none

Describe the bug

My sidebar code is almost verbatim what's in the docs

<SidebarProvider>
  <Sidebar>
    <SidebarHeader />

    <SidebarContent>
      <SidebarGroup>
        <SidebarGroupContent>
          <SidebarMenu>
            <SidebarMenuItem>
              <SidebarMenuButton asChild>
                <RouterLink to="/">
                  <component :is="Home" />
                  <span>Home</span>
                </RouterLink>
              </SidebarMenuButton>
            </SidebarMenuItem>

            <SidebarMenuItem>
              <SidebarMenuButton asChild>
                <RouterLink to="/project">
                  <component :is="Book" />
                  <span>Project</span>
                </RouterLink>
              </SidebarMenuButton>
            </SidebarMenuItem>
          </SidebarMenu>
        </SidebarGroupContent>
      </SidebarGroup>
    </SidebarContent>

    <SidebarFooter />
  </Sidebar>

  <main class="px-5 py-10">
    <SidebarTrigger />
    <RouterView />
  </main>
</SidebarProvider>

Image

When set <Sidebar collapsible="none">

Image

System Info

System:
    OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
    CPU: (16) x64 13th Gen Intel(R) Core(TM) i5-1340P
    Memory: 27.03 GB / 31.06 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.14.0 - ~/.nvm/versions/node/v22.14.0/bin/node
    npm: 10.9.2 - ~/.nvm/versions/node/v22.14.0/bin/npm
    bun: 1.1.38 - ~/.bun/bin/bun
  npmPackages:
    @vueuse/core: ^13.3.0 => 13.3.0 
    vue: ^3.5.13 => 3.5.16

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions