Scroll problem when input focus

Ionic Framework ionic-v3
1

I’m trying to create a signin page and when I click in input field the scroll goes up and down, I haven’t found a solution yet, can anyone help me, please?

image
signin.html

<ion-content>
	<div class="login-center">
		<img class="logo" src="assets/img/logox.png"/>
		<form (ngSubmit)="submitLogin()">
			<ion-list inset>
				<ion-item>
					<ion-icon ios="md-person" md="md-person" item-left></ion-icon>
					<ion-input #username type="text"  name="username" placeholder="Username"></ion-input>
				</ion-item>
				<ion-item>
					<ion-icon ios="md-lock" md="md-lock" item-left></ion-icon>
					<ion-input #password type="password" name="password" placeholder="Password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button round class="btn-outline" type="submit" color="yellow" outline>Signup</button>
		</form>
	</div>
</ion-content>
1 Like