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
Current behavior:
Nested checkboxes inside a radio group influences the radio group selection.
Expected behavior:
I have a nested selection list:
Radio1
Checkbox1
Checkbox2
Radio2
etc.
The checking of the checkboxes should have no influence on the radio selection. How do I encapsulate the checkboxes?
Steps to reproduce:
Make a radio group with a few radio options, inside the radio group make a few checkboxes. See how the radio selection changes as you select a nested checkbox
Related code: https://stackblitz.com/edit/ionic-4-template-8bbqgj
I have put the output of the radio selection at the bottom of the home page. You'll see that as you click a checkbox then the radio-selection string becomes "on" as default
This problem isn't limited to checkboxes. I have the same issue with ion-input nested inside an ion-radio. Whatever is typed into the ion-input becomes the value for the ion-radio-group, despite having different formControlName set on the ion-input and the ion-radio-group.
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
Bug Report
Ionic version:
Yes 4.anything
[x] 4.x
Current behavior:
Nested checkboxes inside a radio group influences the radio group selection.
Expected behavior:
I have a nested selection list:
Radio1
Checkbox1
Checkbox2
Radio2
etc.
The checking of the checkboxes should have no influence on the radio selection. How do I encapsulate the checkboxes?
Steps to reproduce:
Make a radio group with a few radio options, inside the radio group make a few checkboxes. See how the radio selection changes as you select a nested checkbox
Related code:
https://stackblitz.com/edit/ionic-4-template-8bbqgj
I have put the output of the radio selection at the bottom of the home page. You'll see that as you click a checkbox then the radio-selection string becomes "on" as default
The text was updated successfully, but these errors were encountered: