[Bug Report][3.4.4] v-toolbar-title sass flex styling makes it less wide than available and required

[simonpercivall]

Environment

Vuetify Version: 3.4.4
Vue Version: 3.3.10
Browsers: Firefox 120.0
OS: Mac OS 10.15

Steps to reproduce

Create a <v-toolbar-title> in a <v-toolbar>, together with for instance a <v-spacer>. Make the width of the toolbar narrow enough that the toolbar title has less than 50%.

Expected Behavior

The toolbar title should get the space it asks for until there's not enough space to give.

This would happen if flex-basis was auto, like in flex: 1 1 auto. flex: 1 1 is equivalent to flex: 1 1 0

Actual Behavior

It gets truncated too early, because the basis, what it asks for, is set to zero.

Reproduction Link

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

[sronveaux]

Hi Vuetify team,

Does someone has some advices to give on this one ? I encounter the exact same problem. This was working fine in Vuetify 2 but is behaving differently now. If this is not considered a bug, how would you recommend us to get around this ?

[overclocked555]

I confirm that this error remains in the new 3.6.11 version