Dynamic radio buttons are not checked correctly

Ionic Framework Ionic Angular
1

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!

2

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

3

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.