Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 229610

Keyboard and Ion Input on focus

$
0
0

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


Viewing all articles
Browse latest Browse all 229610

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>