tabsHighlight doesn't work

Hey ya’ll,

I’m trying to use tabsHighlight property, but it seems not working, i.e. the pass underneath selected tab doesn’t appear.

Here is my code and env info:

<ion-tabs [selectedIndex]="mySelectedIndex" tabsPlacement="top" color="primary" tabsHighlight="true">

cli packages:

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0 

local packages:

@ionic/app-scripts : 3.1.0
Cordova Platforms  : android 6.2.3 ios 4.5.2
Ionic Framework    : ionic-angular 3.9.2


ios-deploy : 1.9.2 
Node       : v8.7.0
npm        : 5.4.2 
OS         : macOS Sierra
Xcode      : Xcode 9.2 Build version 9C40b 

Any ideas?


Hey. For some reason it would work only with ‘mode’ value. See the code below

<ion-tabs #navTabs mode="md" tabsHighlight="true" tabsPlacement="bottom">

This mode “md” does the trick. Indeed, it is not solving the bug itself.