I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
Current behavior:
If I create a page with a transparent ion-footer with multiple lines of content and a background image for the page, and then open keyboard on Android, the content is partially visible behind the footer.
Expected behavior:
The content should remain hidden behind the footer, like it is when the keyboard is not active.
Steps to reproduce:
Start a new ionic blank project and change the home page as below. Build and run on Android emulator. Notice that the content text is behind the footer. Select the input box to show the keyboard, and notice that the text is now visible behind the footer.
Related code:
home.html:
<ion-header>
<ion-navbar>
<ion-title>
Ionic Blank
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
The world is your oyster.
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<ion-item>
<ion-input placeholder="enter some text"></ion-input>
</ion-item>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
<p>
If you get lost, the <a href="http://ionicframework.com/docs/v2">docs</a> will be your guide.
</p>
</ion-content>
<ion-footer>
<ion-toolbar>
<p>Footer line 1</p>
<p>Footer line 2</p>
<p>Footer line 3</p>
</ion-toolbar>
</ion-footer>
I'm submitting a ... (check one with "x") [x] bug report [ ] feature request
Current behavior:
If I create a page with a transparent ion-footer with multiple lines of content and a background image for the page, and then open keyboard on Android, the content is partially visible behind the footer.
Expected behavior:
The content should remain hidden behind the footer, like it is when the keyboard is not active.
Steps to reproduce:
Start a new ionic blank project and change the home page as below. Build and run on Android emulator. Notice that the content text is behind the footer. Select the input box to show the keyboard, and notice that the text is now visible behind the footer.
Related code: home.html:
home.scss:
Other information:
Ionic info: (run
ionic info
from a terminal/cmd prompt and paste output below):