List items not highlighted when clicked on device but works on browser

Ionic Framework ionic-v3
1

I have a list of items displayed using the code below. When clicked on a browser the highlighting works but not on my current testing device. I am testing on Android.

<ion-list>
    <button ion-item tappable detail-push *ngFor="let list of rData" 
    (click)="navigateToPage('Page', list.b, list.a, $event)">
    <h2>{{ list.c }}</h2>
    </button>
</ion-list>

First I was trying ion-item as the base tag instead of the button tag.