bug: ion-segment not properly initialized when in ion-modal

[rusekr]

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

Resume: ion-segment initial value not properly displayed in ion-modal.

Here is simple testcase ionic-angular app https://github.com/rusekr/finstorm/tree/master with one modal and three tabs.

Runs with npm run start. On second tab this is fab with modal. On modal two segments and two radios for one property transactionType. Radios initialized correctly, segments not.

Expected Behavior

ion-segment selects by model segment on modal opened.

Steps to Reproduce

1. Runs code above with npm run start
2. Go to second tab.
3. Click fab with plus sign to open modal.
4. See correct behaviour of ion-radio buttons and incorrect behavior (all segments deselected) of ion-segment.

Code Reproduction URL

https://github.com/rusekr/finstorm/tree/master

Ionic Info

Ionic:

Ionic CLI : 7.1.5 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.6.5
@angular-devkit/build-angular : 17.1.0
@angular-devkit/schematics : 17.1.0
@angular/cli : 17.1.0
@ionic/angular-toolkit : 11.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v20.10.0 (/usr/bin/node20)
npm : 10.2.3
OS : Linux 6.6

Additional Information

Tried [value] property instead or alongside ngModel with no luck.

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of #28816. I merged a fix for this a couple days ago, so the fix will be in an upcoming version of Ionic.

[rusekr]

Thanks for the info! Added fix as monkey patch for now before new release via patch-package and it works great!

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