ion-textarea push the ion-header all the way to the top and hide it

Question

I am currently working with the latest version of ionic, I am using a textarea in data entry page. after the user clicks on the textarea the keyboard shows up and whole page goes up. The issue is it also push the header and makes it hidden. I the Back button and the Save button are both on the navbar. And then the user get confused where the save button is.

Is there any workaround this issue.? Thanks

make sure that you put `Save` and `Back ` buttons outside `ion-content` — Imdad Ali, May 11 '18 at 16:40

score 0 · Answer 1 · answered May 11 '18 at 16:44

0

does your entry page look like below?

<ion-header no-shadow no-border>
  <ion-navbar color="primary">
    <ion-title text-uppercase>XXXXXXX</ion-title>    
  </ion-navbar>
</ion-header>
<ion-content>
...
</ion-content>

answered May 11 '18 at 16:44

Imdad Ali

727
1
8
18

{{model?.UniqueKey}} – ali May 11 '18 at 21:11
Almost the same – ali May 11 '18 at 21:12
then without providing code, no one can tell. Sorry – Imdad Ali May 12 '18 at 08:10

ion-textarea push the ion-header all the way to the top and hide it

1 Answers1