Ionic scrolling is not working when i click on ion-input showing only keyboard in ionic3?


#1

I need to implement the same kind of functionality in my app.After clicking on password or any other filed it’s showing keyboard but content is not scrolling up?because it’s need to highlight the field…

can any one help me how to implement this?

<ion-content class="outer-content">
	<ion-grid>
		<ion-row>
			<ion-col col-12>
				<div class="head">
					<div id="container">
						<div class="image-container">
							<img src="./img/LogoBusiness_HI-RES.png" />
						</div>
					</div>
				</div>
			</ion-col >
		</ion-row>
	</ion-grid>
	<ion-grid>
		<ion-row>
			<ion-col col-12>
			<p class="countrycode">{{filteredcmsdata?.conformationCountryText}}</p>
				<p class="phonenumber">{{filteredcmsdata?.conformationMobileText}}</p>
				<ion-list style="background-color:#981F64;">
					<ion-item style="background-color:#981F64;">
						<ion-label fixed>+91</ion-label>
						<ion-input type="tel" class="tel" [(ngModel)]="mobileNumber" placeholder="9676541202"></ion-input>
					</ion-item>
				</ion-list>
				<p class="next" (click)="passToLoginFullPage()">{{filteredcmsdata?.nextButtonText}}</p>
			</ion-col>
		</ion-row>
	</ion-grid>
</ion-content>

This is my code after clicking ion-input type=“tel” it’s need to scroll up??