Menu not working on Android 4.4.4

Bug Report

Ionic version: [x] 4.0.2

Current behavior: Instead if displaying the Menu on Android 4.4.4 only the “gray” overlay is vissible. Menu isn’t visible.

Expected behavior: Menu is beeing displayed like expected.

Steps to reproduce:

1. ionic start test sidemenu
2. ionic cordova run android on an adnroid 4.4.4 device

Other information: Tryed to add Polyfills but it didn’t fixed the display bug. We’re in need to Support Android 4.4.4 because we use specific equipments that can’t be upgraded above 4.4.4…

Ionic info:

Ionic:
   ionic (Ionic CLI)             : 4.10.3 (C:\Users\mvs\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.1.1
   @angular-devkit/build-angular : 0.13.5
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.5
   @ionic/angular-toolkit        : 1.4.0

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

System:
   NodeJS : v10.10.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

[armanbisembaev]

I tested on the emulator with Android 4.4.4 and found that when I clicked on the menu button, the transform property is not applied to the css class .menu-inner.

If manually apply the transform: translateX(0px) via remote debug in the chrome, it will report an unknown property.

Then manually apply the -webkit-transform: translateX(0px) menu appeared and worked. I hope this information will be useful for solving the problem.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.