bug: radio group does not participate in form submission

[kristojorg]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v6.x

Current Behavior

Using react, I render a form with radio options and a submit handler. I would expect the radio options to be included in the form data on submit, but this is not the case. It appears this is because the IonRadio element does not properly render an <input type="radio" /> element.

Expected Behavior

The formdata should include the value of the selected radio.

Steps to Reproduce

1. Open the stackblitz link
2. select a radio option
3. click sumbit
4. check the console log to see the empty form data object.

Code Reproduction URL

https://stackblitz.com/edit/angular-kzrgpo?file=src/main.tsx

Ionic Info

Ionic:

Ionic CLI : 6.20.8 (/Users/kristo/.nvm/versions/node/v16.13.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 6.4.1 (/Users/kristo/d/ereading-clients/node_modules/@ionic/react)

Capacitor:

Capacitor CLI : not installed
@capacitor/android : 4.6.1 (/Users/kristo/d/ereading-clients/node_modules/@capacitor/android)
@capacitor/core : 4.6.1 (/Users/kristo/d/ereading-clients/node_modules/@capacitor/core)
@capacitor/ios : 4.6.1 (/Users/kristo/d/ereading-clients/node_modules/@capacitor/ios)

Utility:

cordova-res : not installed globally
native-run : not installed globally

System:

NodeJS : v16.13.1 (/Users/kristo/.nvm/versions/node/v16.13.1/bin/node)
npm : 9.6.2
OS : macOS Unknown

Additional Information

No response

[liamdebeasi]

Thanks for the report. Here is a dev build with a proposed fix if you are interested in testing:

npm install @ionic/[email protected] @ionic/[email protected]

[kristojorg]

Nice, thanks so much for the quick fix! Just tested and it works great : )

[liamdebeasi]

Glad the dev build works! I am going to keep this open until #27018 is merged.

[liamdebeasi]

Thanks for the issue. This has been resolved via #27018, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

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.