Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug]: when sidebar is collapsible icon view, SidebarGroupLabel flickers #6302

Open
2 tasks done
irozaji opened this issue Jan 8, 2025 · 0 comments
Open
2 tasks done
Labels
bug Something isn't working

Comments

@irozaji
Copy link

irozaji commented Jan 8, 2025

Describe the bug

when the Sidebar component is set to collapsible = icon, the group label flickers

<Sidebar collapsible="icon">
      <SidebarContent>
        <SidebarGroup>
          <SidebarGroupLabel>On Point Mobile Bartending</SidebarGroupLabel>
          <SidebarGroupContent></SidebarGroupContent>
        </SidebarGroup>
      </SidebarContent>
      <SidebarFooter>
        <UserButton showName />
      </SidebarFooter>
</Sidebar>

### Affected component/components

Sidebar

### How to reproduce

1.  add a sidebar
2. set collapsible to icon
3. add a SidebarGroup with a SidebarGroupLabel
Notice the label flickers

### Codesandbox/StackBlitz link

_No response_

### Logs

_No response_

### System Info

```bash
Nextjs 15

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@irozaji irozaji added the bug Something isn't working label Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant