The ion content of ions is not adjusted properly when the keyboard shows

Question

I have a view with textangular as an element. On Android (I tested), if the keyboard is open, the view does not scroll so that the editor does not lag behind the keyboard. I installed the com.ionic.keyboard keyboard plugin.

This is the page structure:

<ion-view id="newblogview"> <ion-nav-buttons side="left"> ... </ion-nav-buttons> <ion-content scroll="true" overflow-scroll="true" class="has-header" delegate-handle="mainScroll"> <iframe data-tap-disabled="true" style="width: 100%; min-height: 100%" src="./templates/blog/html/blog-editor.html" name="blogeditor" id="blogeditor"></iframe> </ion-content> </ion-view> 

it does not move up when the keyboard opens, focusing on the input. I tried Android: windowSoftInputMode = "adjustPan" as well as "adjustResize" And I also tried the native.keyboardshow event to call $ ionicScrollDelegate.scrollBottom (true);

I think we have a directive for attaching a keyboard to the footer, but I cannot place a text editor in the footer. Does the ion skeleton support controlling the ion content on the keyboard by showing / hiding? This feature is not yet supported as part of or I am missing something.

This question is similar to another thread , but no answer.

Please, help. -Prakash.

Answer 1

You can add this to your html component

 <div delegate-handle="toThisPosition" ng-click="GoHere()"> </div> 

and adding this to the GOHere () method in ng-click in your controller:

 GoHere() { $ionicScrollDelegate.$getByHandle('toThisPosition').scrollBottom(true); }