bug: legacy radios in ion-select creates retainer when used in popover

[sejalshah1107]

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

v7.x

Current Behavior

I have created a 'ion-select' with interface set as popover.

On selection of an select-option, the DOM Nodes created for displaying the options are not released

Expected Behavior

DOM Nodes should be released upon selection / dismissal

Steps to Reproduce

    <ion-select interface="popover" placeholder="testing">
      <ion-select-option *ngFor="let a of [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], let i = index">
        {{ "page " + (i + 1) }}
      </ion-select-option>
    </ion-select>

the above following code generates the said behaviour. DOM Node count can be monitored in the 'Performance Monitor' tool

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.0.2
@angular-devkit/build-angular : 15.2.6
@angular-devkit/schematics : 15.2.8
@angular/cli : 15.2.8
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 4.7.3
@capacitor/android : not installed
@capacitor/core : 4.7.3
@capacitor/ios : not installed

Utility:

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

System:

NodeJS : v18.16.0 (/home/yg/.nvm/versions/node/v18.16.0/bin/node)
npm : 9.5.1
OS : Linux 5.15

Additional Information

No response

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[sejalshah1107]

thank you for your response.

as required, please find the code checked in at https://github.com/sejalshah1107/ionic_bugs

best,
sejal

[liamdebeasi]

Thanks for the reproduction. I can reproduce the reported behavior, and it looks like this impacts the legacy form controls and not the modern form controls. We are planning to update the form controls in ion-select to use the modern syntax in #27071, so this issue should be resolved once #27071 is fixed.

[liamdebeasi]

Thanks for the issue. This has been resolved via #27818, 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.