Text box get out of position when get focus on android phone

hello guys, i am newbi to ionic.

I have started just learning app in which i just have created login screen with just two text box.
one for email and other one for password.

but the problem is when i try to enter email or password then it goes out of position and move with scroll afterword.



<ion-view> <ion-content delegate-handle="loginScrollView"> <div class="login"> <div class="row"> <div class="logoAlign"><img src="img/ionic.png" /></div> </div> <!--row end --> <!--Login form--> <div class="list"> <div class="list list-inset"> <div class="item"> <span class="L-label">Email Id</span> <label class="item item-input"><input type="text" placeholder="Email Id"></label> </div> <div class="item"> <span class="L-label">Password</span> <label class="item item-input"><input type="text" placeholder="Password"></label> </div> <div class="item"> <button class="button button-block button-positive loginbtn" data-ng-click="Login()" type="button"> Login </button> </div> <div class="item"> <a class="forgotpass" href="javascript:void(0)"> forgot Password?</a> <a class="NewAccount" href="#/register"> Don't have account</a> </div> <div class="item"> <div class="asGuest"> <a href="#/test">Start as Guest</a> </div> </div> </div> </div> </div> </ion-content> </ion-view>