shadcn-vue
shadcn-vue copied to clipboard
fix(sidebar): prevent overflow in SidebarSeparator with horizontal orientation
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.vuein all styles (default, new-york, new-york-v4) - Changed
w-autotodata-[orientation=horizontal]:w-autoto 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