How to resize an image when keyboard shows and hides to fit available height


#1

In my app I have a page with a textarea and an image below, both taking all width. I want the image to resize (softly if possible) when the keyboard shows and hides, so the image is totally visible at all time. It has to work on orientation changes too. The simplified code looks like:

<ion-content>
  <ion-textarea rows="2"></ion-textarea>
  <img src="assets/images/face.png" />
</ion-content>

I have tried a Lot of things (preference KeyboardResize, Content, css, as background in a div, …). I also managed to install the cordova-plugin-ionic-keyboard plugin and I have the keyboardHeight when the keyboard shows. But I guess this is much simpler than that.