Set ion-icon to isActive is not working on Android

Setting an icon in a button to active via the isActive attribute is not working on android.

It is showing as active all the way.

<button item-right clear class="likebutton" (click)="onLikeClick($event)">
       <ion-icon name="heart" [isActive]="false"></ion-icon>

Tested on

Samsung galaxy s5
Android 5.0 lollipop


Samsung galaxy s3
Android 5.0.1 lollipop

This property is only for iOS, i.e. doesn’t have any effect on Android - from the Icon API docs:

Material Design icons do not change appearance depending if they’re active or not.


Thanks @iignatov. Assumptions will be the end of me.

1 Like