Environment

Vuetify Version: 3.6.6
Vue Version: 3.4.27
Browsers: Chrome 124.0.0.0
OS: Linux x86_64

Steps to reproduce

1. create flexbox container where height is controlled by it's children
2. use <v-divider vertical> inside flexbox container

Expected Behavior

Divider should be visible and take 100% of containers height.

Actual Behavior

Divider is not visible, because height: 100% results in 0px anyway unless the container has explicit height.

Reproduction Link

https://play.vuetifyjs.com/#...

Remove style="height: auto" to make <v-divider horizontal> disappear

Other comments

I think vertical VDivider's height should be auto so that align-self: stretch applies correctly. The change does not seem to have any negative effects, however I consider this variant to always be used in the flexbox container.