Skip to content

bug: radio-group-wrapper breaks removing options with react #30359

Open
@postmann

Description

@postmann

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

The radio-group-wrapper which was introduced in core/src/components/radio-group/radio-group.tsx for solving #30222 causes React to crash when options are added/removed dynamically like in the typeahead selection example from the docs.

Expected Behavior

Ionic should not cause React to crash when radio options are added/removed dynamically.

Steps to Reproduce

  1. Create a React-based ionic app
  2. Add a modal with radio group and typeahead functionality (similar to the one from the docs, but should also work without a modal around the radio group
  3. Run the app, type something into the searchbar for filtering the radio items

Code Reproduction URL

https://stackblitz.com/edit/4cdat5jx

Ionic Info

Ionic:

   Ionic CLI       : 7.2.1 (/home/reuter/.nvm/versions/node/v20.18.0/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/react 8.5.4

Capacitor:

   Capacitor CLI      : 7.2.0
   @capacitor/android : 7.2.0
   @capacitor/core    : 7.2.0
   @capacitor/ios     : 7.2.0

Utility:

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

System:

   NodeJS : v20.18.0 (/home/reuter/.nvm/versions/node/v20.18.0/bin/node)
   npm    : 10.8.2
   OS     : Linux 5.15

Additional Information

Workaround: revert Ionic version to 8.4

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions