Ionic v3 content in ion-content wont scroll only on Android (scrolls fine in ios)

Ionic:

ionic (Ionic CLI) : 4.5.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 9 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/Derek/Library/Android/sdk)
ios-deploy : 1.9.4
NodeJS : v11.0.0 (/usr/local/Cellar/node/11.0.0/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

content inside of ion-content wont scroll on android, works fine in ios

I have tried overflow-scrolling=“true”, I’ve tried to wrap in ion-scroll, i’ve tried css overflow-y: auto -webkit-overflow-scrolling: auto

nothing works

    <ion-row align-items-center>
      <ion-col class="patient-name-col">

        <div *ngIf="selectedPatient && selectedPatient.Patient.PatientName; else showanonId" class="patient-name justify-self-end">
          <span class="gender-icon align-items-center">
            <ion-icon *ngIf="selectedPatient.Patient?.PatientSex === 'F'" item-start name="female"></ion-icon>
            <ion-icon *ngIf="selectedPatient.Patient?.PatientSex === 'M'" item-start name="male"></ion-icon>
            <ion-icon *ngIf="selectedPatient.Patient?.PatientSex !== 'M' && selectedPatient.Patient?.PatientSex !== 'F'" item-start name="person"></ion-icon>
          </span> {{ selectedPatient?.Patient?.PatientName }}
        </div>
        <ng-template #showanonId>
          <div class="patient-name">
            <span class="gender-icon align-items-center">
            <ion-icon *ngIf="selectedPatient?.Patient?.PatientSex === 'F'" item-start name="female"></ion-icon>
            <ion-icon *ngIf="selectedPatient?.Patient?.PatientSex === 'M'" item-start name="male"></ion-icon>
            <ion-icon *ngIf="selectedPatient?.Patient?.PatientSex !== 'M' && selectedPatient?.Patient?.PatientSex !== 'F'" item-start name="person"></ion-icon>
          </span> {{ selectedPatient?.Patient?.PatientName }}
            <span class="legend">RAPID id:</span> {{selectedPatient?.Patient?.RAPIDId}}</div>
        </ng-template>
        <div class="institution">
          {{selectedPatient?.Patient?.InstitutionName}}
        </div>

        <div class="row">
          <div *ngIf="selectedPatient && selectedPatient.Patient.PatientBirthDate; else showAge" class="age">
            <span class="legend">DOB:</span> {{selectedPatient?.Patient?.PatientBirthDate | patientDobPipe}}
          </div>
          <ng-template #showAge>
            <div class="age">
              <span class="legend">Age:</span> {{selectedPatient?.Patient?.PatientAge}}
            </div>
          </ng-template>
          <div *ngIf="selectedPatient && selectedPatient.Patient.PatientID; else showTaskId" class="id">
            <span class="legend">ID:</span> {{selectedPatient?.Patient?.PatientID}}
          </div>
          <ng-template #showTaskId>
            <div class="id">
              <span class="legend">Task:</span> {{selectedPatient?.TaskId}}
            </div>
          </ng-template>
        </div>
      </ion-col>

      <ion-col *ngIf="showTaskMenu()" col-2 class="task-count-col">
        <div class="task-count-wrapper" menuToggle="TaskMenu">
          <div class="task-count-icon">
          </div>
          <div class="value justify-content-start align-content-start">{{numberOfTasksForSelectedModule}}</div>
        </div>
      </ion-col>
    </ion-row>
  </ion-navbar>

</ion-header>

<ion-content>
  <ion-row center class="image">
    <div *ngIf="images" class="image-frame" #imageArea>
      <div *ngFor="let slide of images" class="image-frame">
        <div *ngIf="slide; else showprogress">
          <img #myImage [src]="slide" (tap)="toggleNavBar(!hideNavBar, slide, myImage)" (pinch)="pinchHandler()" class="image-frame">
        </div>
        <ng-template #showprogress>
          <div class="spinner-center">
            <ion-spinner *ngIf="!slideLoaded[slide]"></ion-spinner>
          </div>
        </ng-template>
      </div>
    </div>
  </ion-row>
  <ion-row center>
    <ncct-view *ngIf="(selectedPatient?.Module === 'NCCT')" (playCineToggle)="playCineToggleHandler($event)"></ncct-view>
  </ion-row>
  <ion-row center>
    <aspect-view *ngIf="(selectedPatient?.Module === 'ASPECTS')" (playCineToggle)="playCineToggleHandler($event)"></aspect-view>
  </ion-row>
  <ion-row center>
    <app-angio style="width: 100%" *ngIf="(selectedPatient?.Module === 'CTA')" (playCineToggle)="playCineToggleHandler($event)"></app-angio>
  </ion-row>
</ion-content>


<ion-footer *ngIf="patientEvents && patientEvents.length > 1 && multiModule">
  <ion-grid no-padding>
    <ion-row no-padding>
      <ion-col *ngIf="countOfMismatchModule > 0" no-padding>
        <button ion-button no-margin ion-button full large (tap)="onChangeModuleFilter('Mismatch')" [ngClass]="{'unselected-filter': !(selectedPatient?.Module === 'Mismatch'), 'selected-filter': (selectedPatient?.Module === 'Mismatch') }">
        MR
        </button>
      </ion-col>
      <ion-col *ngIf="countOfCtpModule > 0" no-padding>
        <button ion-button no-margin ion-button full large (tap)="onChangeModuleFilter('CTP')" [ngClass]="{'unselected-filter': !(selectedPatient?.Module === 'CTP'), 'selected-filter': (selectedPatient?.Module === 'CTP') }">
        CTP
        </button>
      </ion-col>
      <ion-col *ngIf="countOfAngioModule > 0" no-padding>
        <button ion-button no-margin ion-button full large (tap)="onChangeModuleFilter('CTA')" [ngClass]="{'unselected-filter': !(selectedPatient?.Module === 'CTA'), 'selected-filter': (selectedPatient?.Module === 'CTA') }">
        CTA
        </button>
      </ion-col>
      <ion-col *ngIf="countOfNcctModule > 0" no-padding>
        <button ion-button no-margin full large (tap)="onChangeModuleFilter('NCCT')" [ngClass]="{'unselected-filter': !(selectedPatient?.Module === 'NCCT'), 'selected-filter': (selectedPatient?.Module === 'NCCT') }">
        NCCT
        </button>
      </ion-col>
      <ion-col *ngIf="countOfAspectsModule > 0" no-padding>
        <button ion-button no-margin full large (tap)="onChangeModuleFilter('ASPECTS')" [ngClass]="{'unselected-filter': !(selectedPatient?.Module === 'ASPECTS'), 'selected-filter': (selectedPatient?.Module === 'ASPECTS') }">
          ASPECTS
        </button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-footer>```

I inherited this code form someone else so please feel free to tell me that there is something wrong with the html itself ;)

i reported a bug on ionic’s github https://github.com/ionic-team/ionic/issues/16846