Skip to content

[Bug Report][3.0.4] v-radio-group not working with nested components that are not v-radio  #16245

@falko-apheris

Description

@falko-apheris

Environment

Vuetify Version: 3.0.4
Last working version: 2.6.12
Vue Version: 3.2.45
Browsers: Firefox 107.0
OS: Ubuntu undefined

Steps to reproduce

Nest a checkbox in a radio-group, the checkbox switches the radio inputs. This was not the case in the previous version

<v-radio-group>
  <v-radio :value="true" name="any_operation_true" label="a">
  </v-radio>
  <v-checkbox label="foo"></v-checkbox> should be independent of the radio group
  <v-checkbox label="bar"></v-checkbox>
  <v-radio :value="false" name="any_operation_true" label="b">
  </v-radio>
</v-radio-group>

Expected Behavior

Nested inputs should be independent of the radio group

Actual Behavior

Nested inputs interact with the radio group

Reproduction Link

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions