Ionic 4 scrolling issue after input focus

Ionic Framework
1

I have ion content with ionic cards. Each card has two input fields. The code structure is like this.

Screenshot 2020-02-11 at 9.02.36 AM
Screenshot 2020-02-11 at 9.02.36 AM1866×768 59.4 KB

ion-card-content contains text view like below

<ion-item no-padding padding-end="20px">
     <ion-input
           id="readingInput{{i}}"
           (ionBlur)="readingFocusLost($event, operation)"
           (ionFocus)="readingFocus($event, i)"
           (ionChange)="readingTextChanged($event, operation)"
           [disabled]="mode === 'online'"
           [ngModel]="operation.READING" placeholder="Enter Reading if applicable">
    </ion-input>
</ion-item>

I have multiple such cards in the view. If I scrolldown and clicked on input to type someting, the view is scrolling to top as I start typing the view will again scroll to bottom where input focus is present. Please check attached gif.

How to avoid this scrolling?
GIF Link