shadcn-vue icon indicating copy to clipboard operation
shadcn-vue copied to clipboard

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

Open Soviut opened this issue 5 months ago • 2 comments

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

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

Soviut avatar Jun 17 '25 19:06 Soviut