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 ;)