Ionic 4 has some bugs on Android 7 emulator.
For example --ion-grid-columns and ion-img not working.
Ion grid columns example bug
Just install blank app and add:
<ion-grid>
<ion-row class="ion-justify-content-start">
<ion-col size="12">
<div>
1 of 2
</div>
</ion-col>
<ion-col size="4">
<div>
2 of 2
</div>
</ion-col>
</ion-row>
</ion-grid>
In css:
ion-grid {
--ion-grid-columns: 16;
}
Result:
I’ve read this post and understand that emulator has legacy browser. But i can’t be sure that users with real devices have latest Chrome browser with latest webview. Is it possible fix this bugs on “old webview” (using polyfills or somehow else)?
Emulator User-Agent
Mozilla/5.0 (Linux; Android 7.0; Android SDK built for x86 Build/NYC; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/51.0.2704.90 Mobile Safari/537.36
Ionic info
Ionic:
ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1
Cordova:
cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)
System:
Android SDK Tools : 26.1.1 (/Users/user155266/Library/Android/sdk)
ios-deploy : 1.9.4
ios-sim : 8.0.1
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001