I seem to have issues with the keyboard(when it opens).
This is a video demonstrating those(android): showcase-video
What i am looking for is to have the same behavior as when i am pressing on a key(to focus correctly) when i just focus on the input.
This is currently with all the defaults for keyboard(scrollasist, scrollpadding, etc…) - nothing modified.
I tried most of the “solutions” that are online but to no avail.
One issue that i found is the fixed height(80vh) but i need to have that to overflow scroll that part of the screen
I am probably missing something critical.
This is my html file
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>List</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-grid>
<ion-row>
<ion-col>
<ion-row>
<ion-col col-4 class="darklist"></ion-col>
<ion-col col-8 class="formcontainer">
<form>
<ion-list>
<ion-item *ngFor="let item of items">
<ion-label color="primary">{{item.title}}</ion-label>
<ion-input placeholder="Text Input"></ion-input>
</ion-item>
</ion-list>
</form>
</ion-col>
</ion-row>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
My css contains
page-list {
darklist, formcontainer {
height: 80vh !important;
}
}
Info :
@ionic/cli-utils : 1.19.1
ionic (Ionic CLI) : 3.19.1
@ionic/app-scripts : 3.1.5
Cordova Platforms : android 6.4.0 ios 4.5.4 windows 5.0.0
Ionic Framework : ionic-angular 3.8.0