Navbar button weird on --prod build (ionic-angular 3.7, app-script 3.0.0)

Can anyone enlighten me on what’s causing the following behavior?

EDIT: After doing some testing, downgrading to ionic-angular 3.6.0 fixes the problem.

Navbar Button on --prod, notice the back button not aligned with the title.

Navbar button with desired behavior when deploying without --prod flag.

Any idea? Thanks.

Environment is the following:

global packages:

cordova (Cordova CLI) : 7.0.1

local packages:

@ionic/app-scripts : 3.0.0
Cordova Platforms  : android 6.2.3 ios 4.4.0
Ionic Framework    : ionic-angular 3.7.0


ios-deploy : 1.9.2
Node       : v8.6.0
npm        : 5.5.1
OS         : macOS Sierra
Xcode      : Xcode 8.3.3 Build version 8E3004b


backend : legacy

It will be OK on iOS 11, but there are some other things weird on iOS 11.

With this in mind, I guess ionic-angular 3.7.x is not yet ready for a --prod build then I suppose? Thanks for the clarification.

You should report this at the Github repo.

@ionic/app-scripts 3.0.1 solves this