Hi,
I’ve just upgraded to Angular 8 and Ionic angular to 4.7.1, ionic-cli latest version, I have a problem with tabs, when I click the tab I can’t click the ion-items / ion-buttons, my ion-fab seems to work, any ideas on what can it be?
here is the html code
<ion-content>
<!-- fab placed to the bottom and start and on the bottom edge of the content overlapping footer with a list to the right -->
<ion-fab horizontal="end" slot="fixed" vertical="bottom">
<ion-fab-button>
<ion-icon name="settings"></ion-icon>
</ion-fab-button>
<ion-fab-list side="top">
<ion-fab-button (click)="addNew()">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
<ion-label>Execute Job</ion-label>
</ion-fab-list>
</ion-fab>
<form #form="ngForm" (submit)="search()">
<ion-grid>
<ion-row>
<ion-col align-self-center sizeLg="4" sizeMd="4" sizeXs="12">
<div text-center>
<h3>Search</h3>
</div>
<div padding>
<ion-item>
<ion-label>Start Date</ion-label>
<ion-datetime [(ngModel)]="entitySearch.startDate" name="startDate"
displayFormat="DD/MM/YYYY H:mm" min="2019"></ion-datetime>
</ion-item>
<ion-item>
<ion-label>End Date</ion-label>
<ion-datetime [(ngModel)]="entitySearch.endDate" name="endDate"
displayFormat="DD/MM/YYYY H:mm" min="2019"></ion-datetime>
</ion-item>
<ion-item>
<ion-label>Schedule</ion-label>
<ion-select [(ngModel)]="entitySearch.schedule" name="schedule"
placeholder="Select One">
<ion-select-option *ngFor="let schedule of (scheduleList | async)"
[value]="schedule">{{schedule.name}}</ion-select-option>
</ion-select>
</ion-item>
</div>
<div padding>
<ion-button [disabled]="form.invalid" expand="block" size="large" type="submit">Search
</ion-button>
</div>
</ion-col>
</ion-row>
</ion-grid>
</form>
<ion-item>
<ion-label>Filter by status</ion-label>
<ion-select (ionChange)="filterSearch()" [(ngModel)]="entitySearch.active">
<ion-select-option value="-1">All</ion-select-option>
<ion-select-option value="1">Activated</ion-select-option>
<ion-select-option value="0">Deactivated</ion-select-option>
</ion-select>
</ion-item>
<ion-list>
<ion-list-header>
<ion-label color="medium" text-wrap>
<h3>Executions</h3>
</ion-label>
</ion-list-header>
<ion-item (click)="onClickDetails(execution)" *ngFor="let execution of (results | async)" button>
<ion-label text-wrap>
<h3>({{execution.job.name}}) {{ execution.schedule.name }}</h3>
{{execution.info}}
</ion-label>
<ion-badge [color]="(execution.active == 1) ? 'success' : 'danger'" slot="end">
{{(execution.active == 1) ? 'Active' : 'Deactivated'}}
</ion-badge>
</ion-item>
</ion-list>
<ion-row>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button [routerLink]="['/schedule/' + scheduleId]">
<ion-icon name="calendar"></ion-icon>
<ion-label>Schedule</ion-label>
</ion-tab-button>
<ion-tab-button>
<ion-icon name="play"></ion-icon>
<ion-label>Executions</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</ion-row>
</ion-content>
the other page is quite the same, just changed the tab button