bug: ion-checkbox label is not visible when in ngfor

[Wasenshi123]

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

In my app, I have lists of selection for user to select in many places. I notice that when they are inside modal or popup, it will fail to show label that get value dynamically. (first time is ok but after that it will disappear)

Expected Behavior

ion-checkbox should be able to show label statically or dynamically without bug

Steps to Reproduce

1. use the new syntax for ion-checkbox (auto label)
2. wrap it inside ngfor loop
3. populate some data and show those data in each label of each ion-checkbox
4. put these inside modal or popup
5. open the modal/popup once
6. then next time and so on, it won't show the label

Code Reproduction URL

https://github.com/Wasenshi123/Ionic7/tree/checkbox-UI-bug

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (C:\Users\User\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 7.0.1
@angular-devkit/build-angular : 15.2.5
@angular-devkit/schematics : 10.1.7
@angular/cli : 15.2.5
@ionic/angular-toolkit : 9.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v18.16.0 (C:\Program Files\nodejs\node.exe)
npm : 9.5.1
OS : Windows 10

Additional Information

I have tried wrapping ion-checkbox in ion-item and also only ion-checkbox version, both result in the same issue.

[sean-perkins]

Hello @Wasenshi123 thanks for this issue!

I noticed your reproduction app is using @ionic/angular@7.0.2.

In v7.0.3 we shipped a fix for dynamic labels: https://github.com/ionic-team/ionic-framework/blob/main/CHANGELOG.md#703-2023-04-19

Can you try updating your app and let me know if the problem persists?

[Wasenshi123]

Ok, yes. Seems like it has been fixed. After I update @ionic/angular it works fine.

[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.