tabsHighlight doesn't work


#1

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

System:

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?

Thanks.


#2

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.