Dynamic radio buttons are not checked correctly

Hi, I’m encountering unexpected behavior when dynamically changing the number of ion-radios within ion-radio-group.

I’m having an array (of employees) that I loop through to render ion-radios. Because there could be a lot of entities, there is also a feature to filter through them.

But when you do that, the selected radio button on a specific location keeps being selected even when the value changes.

Is this a bug or am I doing something wrong? Here’s a demo:

Stackblitz demo

(try selecting “A” and searching for “B”. Wrong buttons will be selected)

Thanks in advance for any comments or suggestions!

Does the problem persist even if you eliminate the <ion-virtual-scroll>?

Thanks for the idea! After removing the virtual scroll everything works exactly as it should be.

I don’t know why this combination doesn’t work but having a work around is great. There can be hundreds of entities in the list though which can make it laggy.