[bug]: vertical separator not rendering
Author: OliverGilanCreated Sep 12, 2024Updated Sep 16, 2026
Labelsbug
### Describe the bug
When using the separator with a "vertical" orientation it does not render properly. Looking at the browser dev tools it appears to have a size of 1x0 pixels.
Changing the default style here to use `min-h-full` instead of just `h-full` seems to fix this.
Seems to be the same as this [issue](https://github.com/huntabyte/shadcn-svelte/issues/1149) encountered in the shadcn-svelte port
### Affected component/components
Separator
### How to reproduce
1. Place a Separator in a flex parent with two other components and orientation "vertical"
```javascript
Foo
Bar
``` 2. The separator will not appear 3. Change style within components/ui/separator.tsx ```javascript ``` 4. Separator will now render ### Codesandbox/StackBlitz link https://stackblitz.com/edit/stackblitz-starters-t7h9sc?file=components%2Fui%2Fseparator.tsx ### Logs _No response_ ### System Info ```bash M2 Mac, Firefox ``` ### Before submitting - [X] I've made research efforts and searched the documentation - [X] I've searched for existing issuesSource: shadcn-ui/ui