RadioButton: RadioButton 'checked' property and Native Input 'checked' Values Not Aligned with :modelValue #5694
Labels
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Describe the bug
Bug Description
The RadioButton component exhibits a synchronization issue between its
checked
property and the native input'schecked
attribute when used with the:modelValue
prop.Despite setting the
checked
value based on themodelValue
, input'schecked
value may change if themodelValue
remains unchanged.This discrepancy results in the
@update:model-value
event not firing upon clicking the same RadioButton for the second time.To highlight the issue, I removed CSS styling to visually display both the RadioButton wrapper and its native input on stackblitz example.
I believe this was introduced during the refactoring of the RadioButton component.
Reproducer
https://stackblitz.com/edit/primevue-create-vue-issue-template-jql41c?file=src%2FApp.vue
PrimeVue version
3.52.0
Vue version
3.x
Language
TypeScript
Build / Runtime
Nuxt
Browser(s)
No response
Steps to reproduce the behavior
No response
Expected behavior
I would expect the native input's 'checked' state to match the value of the ':modelView' prop.
The text was updated successfully, but these errors were encountered: