#4818·ui

[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 issues