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

Since #28277

In a page with :

<ion-header></ion-header>
<ion-content>
  <ion-header collapse="condense"></ion-header>
</ion-content>

If a modal is open, the opacity: 0 is applied on the background header (was not the case before).
And, the style is not removed when the modal is closed.

Expected Behavior

The style should not be applied when open a modal (or, at least, be removed after modal close).

Steps to Reproduce

• Open a modal
• Close the modal

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 7.6.5-dev.11704916749.1e64a3a7
@angular-devkit/build-angular : 17.1.0
@angular-devkit/schematics : 17.1.0
@angular/cli : 17.1.0
@ionic/angular-toolkit : 9.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v20.9.0 (C:\Program Files\nodejs\node.exe)
npm : 10.3.0
OS : Windows 10

Additional Information

No response