Environment
Vuetify Version: 4.1.0-beta.0
Vue Version: 3.5.43
OS: Linux undefined (current)
Steps to reproduce
- Open the reproduction link with Vuetify 4.0.9: the panels are rounded.
- Switch the playground to 4.1.0-beta.0 (or 4.2.2): the panels have square corners.
- Inspect the .v-expansion-panels element: it has the rounded-0 class.
Expected Behavior
Without the rounded prop, the panels are rounded (border-radius: 4px from the component CSS), as in Vuetify 3 and up to 4.0.9
Actual Behavior
Without the rounded prop, the root element gets the rounded-0 class and the panels have square corners.
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Since 4.1.0-beta.0, VExpansionPanels declares rounded: [Boolean, Number, String, Array] without default: undefined (4.0.x used makeRoundedProps(), which has default: undefined). Because the prop accepts Boolean, Vue casts the missing prop to false, and useRounded(false) adds rounded-0. Adding default: undefined should fix it. Still present in 4.2.2.
Environment
Vuetify Version: 4.1.0-beta.0
Vue Version: 3.5.43
OS: Linux undefined (current)
Steps to reproduce
Expected Behavior
Without the
roundedprop, the panels are rounded (border-radius: 4px from the component CSS), as in Vuetify 3 and up to 4.0.9Actual Behavior
Without the
roundedprop, the root element gets therounded-0class and the panels have square corners.Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
Since 4.1.0-beta.0, VExpansionPanels declares
rounded: [Boolean, Number, String, Array]withoutdefault: undefined(4.0.x usedmakeRoundedProps(), which hasdefault: undefined). Because the prop accepts Boolean, Vue casts the missing prop tofalse, anduseRounded(false)addsrounded-0. Addingdefault: undefinedshould fix it. Still present in 4.2.2.