bug: large title transition does not account for empty back button text

[roman-rr]

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, Nightly

Current Behavior

Only with @Ionic/angular > 7.5.0, when ion-back-button has empty text value:

Note that text=" " doesn't give a error.

Expected Behavior

Allow text="" for ion-back-button component

Steps to Reproduce

1. git clone https://github.com/roman-rr/bug-backbutton.git
2. cd bug-backbutton
3. npm i
4. ionic serve
5. Click button

Code Reproduction URL

https://github.com/roman-rr/bug-backbutton/

Ionic Info

Ionic:

Ionic CLI : 7.1.5 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.6.2
@angular-devkit/build-angular : 17.0.7
@angular-devkit/schematics : 17.0.7
@angular/cli : 17.0.7
@ionic/angular-toolkit : 9.0.0

Capacitor:

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

Utility:

cordova-res (update available: 0.15.4) : 0.14.0
native-run : 2.0.0

System:

NodeJS : v20.10.0 (/usr/local/bin/node)
npm : 10.2.3
OS : macOS Unknown

Additional Information

No response

[alexdabast]

Faced the same issue. A white space as "text" solve temporary the issue

<ion-back-button text=" " [defaultHref]="defaultHref"></ion-back-button>

[Mdemol]

For me this only occurs in iOS mode. Using the temporary solution of @alexdabast for now.

Visually the app will navigate to the desired page, but without any animations. On MD-mode the animations still occur.

[liamdebeasi]

Hi everyone,

Here is a dev build with a proposed fix if anyone is interested in testing: 7.8.5-dev.11713282122.18cabf98

[liamdebeasi]

Thanks for the issue. This has been resolved via #29327, and a fix will be available in an upcoming release of Ionic Framework.