Ion-item +color ignores routeActiveItem class (Ionic4 beta13)


#1

app.component.html

<ion-item color=“light” detail routerLink="/timeline" routerLinkActive=“router-link-active” (click)=“sidemenu.close()”>Timeline

global.css
.router-link-active {
color: var(–ion-color-primary) !important;
}

The selected link is not highlighted only if I use the color property.


#2

just remove the color from the item

<ion-item routerDirection='root' routerLink="/home" routerLinkActive='active-item'>

and add double dash before color in scss

.active-item {
    --color: var(--ion-color-primary);
}