You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In my case: use the v-chip as toggle-item that shows the two states as flat and outlined variants. You will see how the width changes which can sometimes unexpectedly wrap the line if multiple chips are displayed inline.
Expected Behavior
Chip should have same width regardless of variant.
I was able to "fix" this by conditionally adding a span around the v-chip text that has a margin left and right of 0.085em each. But I don't know if this is the right unit to keep it consistent and if this solution would work in other contexts as well.
Environment
Vuetify Version: 3.6.6
Vue Version: 3.4.27
Browsers: Firefox 126.0
OS: Ubuntu undefined
Steps to reproduce
In my case: use the v-chip as toggle-item that shows the two states as flat and outlined variants. You will see how the width changes which can sometimes unexpectedly wrap the line if multiple chips are displayed inline.
Expected Behavior
Chip should have same width regardless of variant.
Actual Behavior
Chip changes width depending on variant
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: