--prod --release hides tab icons

[AsimNet]

there’s a problem with cordova build ios --prod --release, it hides the inactive icons as shown bellow…
but when I build the project without --prod --release they can be seen!

[mhartington]

Is there any way you could provide a small demo of this?
How can we recreate/debug

[anon22300522]

Any updates on this?

[Sujan12]

No, because there is nothing more than an image of this problem. No way to recreate it, no idea what code is behind it - nobody (not we here and not Ionic) can do anything about that. We need a recreation that we can test.

[anon22300522]

well that problem is splitted of one of my topics:

Change Icons of Tabs Active and Inactive? Ionic 2 Please help

Hello i have a Problem. I try to set custom icons to one tab i have set. I want that if the tab is active it should show picture1 if the tab is unactive it should show picture 2. What i tried so far: Here my Tab: <ion-tab [root]="tab2Root" icon-on="categoriesON" icon-off="categoriesOFF"></ion-tab> and here my SCSS: .categoriesON { background-repeat: no-repeat; background-position:center; background-image: url(../../assets/img/categories_active.png); } …

And that topic based on my Tutorial from here:

[Ionic Tutorial] Tabs with custom active/inactive Icons

Hello i tried alot so i must post this tutorial so future Projects doesnt need as much research as my project did. Today ill show you how to create tabs like this: [image] [image] [image] One more thing before i start: If you need my TabImages i have my GitHub Project for you linked on the bottom! And one tip before i start: If you want to use your own icons the please create images with 48x48 cause we will resize them anyway but its important for a better resolution. Ok now lets start: …

So I think the best way to reproduce is to use the code in my Tutorial because thats the Code he probably used and I used as well. And I got the same problem. I guess all which used my tutorial will get this problem if they update the code.
The Code of my Tutorial is complete so you can easily reproduce

[Sujan12]

Both of these topics are marked as “solved” and not only about this problem.
Create a new topic that includes a full description of the problem and a way to reproduce it (quickly).

Is there a Github issue for Ionic about the problem?
If not create one, so the devs become aware of it. Should contain the same information as the forum topic.

[alvinjavelosa25]

it happens to me too. then i saw your tutorial again,
i think he misses to put the “outline” for inactive icons.
I hope this makes sense.

[pclavequin]

I found the solution here

.tabs-md, .tabs-ios {
    a[aria-selected=true]{
        .tab-button-icon[ng-reflect-name=ICON NAME], .tab-button-icon[aria-label="ICON NAME"] {
            background-image: url('../assets/ICON NAME.active.png');
        }
    }
    a[aria-selected=false]{
        .tab-button-icon[ng-reflect-name=ICON NAME], .tab-button-icon[aria-label="ICON NAME"] {
            background-image: url('../assets/ICON NAME.inactive.png');
        }
    }
}

Issue: ion-tab template bindings are empty when using --prod to build

[alejandroem]

This solution works!

[sebafra]

This doesn´t work for me in ionic 3
Work in this way

.tabs-md, .tabs-ios {
    .tab-button-icon[aria-label=mapa] {
        background-image: url(../assets/imgs/map-active.svg);
    }

    .tab-button[aria-selected=false] .tab-button-icon[aria-label="mapa outline"] {
        background-image: url(../assets/imgs/map-outline.svg);
    }