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

fix(sidebar): prevent overflow in SidebarSeparator with horizontal orientation

Open edouard-andrei opened this issue 1 month ago • 0 comments

Summary

Fixed overflow issue in SidebarSeparator component by updating the width class to use data-[orientation=horizontal]:w-auto instead of w-auto. This makes the width override more specific, only applying to horizontal separators, which prevents conflicts with other Separator styling.

Fixes #1486

Changes

  • Updated SidebarSeparator.vue in all styles (default, new-york, new-york-v4)
  • Changed w-auto to data-[orientation=horizontal]:w-auto to prevent overflow issues
  • Rebuilt the registry to include the component changes

Related

This fix is related to https://github.com/shadcn-ui/ui/pull/8498 which addresses the same issue in the main shadcn-ui/ui library.

Test plan

  • [x] Built the registry successfully
  • [x] Verified changes in all three style variants
  • [x] Follows conventional commit guidelines

edouard-andrei avatar Oct 17 '25 21:10 edouard-andrei