I'm currently working on an Ionic 3 app and encountering a problem. Whenever I click on the search function, the keyboard opens and pushes all the content of the app to the top.
https://i.sstatic.net/GaPW8.png
https://i.sstatic.net/7d6Fm.png
Here is the code for the tabs and view:
<ion-tabs color='navbarColor'>
<ion-tab [root]="tab1Root" tabTitle="Inicio" tabIcon="ios-home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Cultivos" tabIcon="ios-leaf"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Suelos" tabIcon="ios-flask"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="Acerca" tabIcon="ios-information-
circle"></ion-tab>
</ion-tabs>
And here is the controller code:
import { Component } from '@angular/core';
import { AboutPage } from '../about/about';
import { HomePage } from '../home/home';
import { CultivosPage } from '../cultivos/cultivos';
import { SuelosPage } from '../suelos/suelos';
@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {
tab1Root = HomePage;
tab2Root = CultivosPage;
tab3Root = SuelosPage;
tab4Root = AboutPage;
constructor() {
}
}