Ionic-framework: bug: Ionic 4 android 4.4 does not work

[deniscesar]

In the ionic documentation has support for Android 4.4+

But the reality is not quite what it seems … when trying to run a sidemenu app on an android 4.4.4 - 512mb the menu does not work.

I solved the menu by changing the core.

But when navigating between routes the click response time is very slow.

[ingljo]

Did you comment in polyfills in polyfills.ts?
Also, there is an issue in Android < 7.0 where overriding css variables does not work:
https://github.com/ionic-team/ionic/issues/17781

You can also try to disable custom elements in zone.ts and see if that improves performance on click.
https://github.com/ionic-team/ionic/issues/18020

[deniscesar]

When creating a start template sidemenu zone.js is already disabled custom elements.

The menu I resolved by changing the animator.ts file

elements[i].style.setProperty('-webkit-transform', finalTransform);

I'm studying switching to react... ionic 4 will not work well in android 4.4

[netsesame2]

Not only android 4.4, android 5.1 also does not work in some devices.

[liamdebeasi]

Hi everyone,

Just wanted to provide a quick update:

The side menu issue has been resolved via https://github.com/ionic-team/ionic/pull/18128. I have published a nightly build of Ionic if people are in need of the fix immediately (npm i @ionic/angular@dev).

Thanks!

[deniscesar]

Hi @liamdebeasi

The side menu worked in version dev.

But the navigation between routes is very slow.

More info
Angular CLI: 7.3.8
Ionic 4.12.0

[membering]

ion-datetime also not working correctly on android 4.4

[clembo590]

@liamdebeasi
I just tested on my phone (moto G) with android 4.4 and with "emulator: api 19, android 4.4"
the side menu opens now correctly on both device THAT IS GREAT!

however it does not close when "tapping" on the side...
it also does not close when clicking on the "back button"...

[membering]

somethings more,

• toast not working on android browser 4.4 and not correctly with direction top, bottom on real device
• item-sliding also not working with android 4.4
• ion-toolbar padding top has been set to 20px
  I think these issues cause by var() and will-change not support on android 4.4

[paulstelzer]

We had the discussion about Android 4.4 support long time ago :) The problem is that up to Android 4.4 the webview is connected hardly to OS. With Android 5+ webview is updating via Google Play.

Ionic 4 uses a lot of new things (custom properties, ...) that has no good support in this old version of webview which is using Chromium behind.

You have to add a lot of polyfills to make it work, but it still will be slow. I would suggest to update the documentation that Android 5+ is needed to run an app.

[osben]

Cool, but what about for example devices with chrome 44 even on android 6
For example, a real project, devices for example

• Mozilla/5.0 (Linux; Android 6.0; M5s Build/MRA58K; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/44.0.2403.146 Mobile Safari/537.36
• Mozilla/5.0 (Linux; Android 5.1; m3 note Build/LMY47I; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/44.0.2403.146 Mobile Safari/537.36
• Mozilla/5.0 (Linux; Android 6.0; U10 Build/MRA58K; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/44.0.2403.147 Mobile Safari/537.36
• Mozilla/5.0 (Linux; Android 6.0; PRO 6s Build/MRA58K; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/44.0.2403.146 Mobile Safari/537.36
• Mozilla/5.0 (Linux; Android 6.0; MEIZU_M5 Build/MRA58K; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/44.0.2403.147 Mobile Safari/537.36

and there are enough such devices (

I connected js polyfills, but there is no polyfills on css variables. (((

[neekey]

OK I kept seeing people mention polyfills.ts but the demo project (ionic-react-conference-app) for react does not contain this file at all.

I am getting undefined is not a function error on my android 5 emulator, and I found out it's the assign function not definied, so def needs a polyfill for that. I wonder why this is not well documented.

[SSuarezBrooktec]

same problem here, we have a lot of issues with Android 5.0.1 and Ionic 4 with Animations (toast, modals, select) they not show :(

[liamdebeasi]

Thanks for the issue! We recently released Ionic Framework v5 which brings a lot of exciting new features to the framework. In keeping with how iOS and Android are evolving, we have decided to drop support for Android 4.4 and iOS 10 with this latest release.

Because all our efforts are now focused on Ionic 5, Ionic 4 will only receive security patches moving forward. As a result I am going to close this issue.

Please see https://ionicframework.com/docs/intro/browser-support for an up to date list of supported browsers and platforms.

Additionally, please see https://ionicframework.com/blog/announcing-ionic-5/ for more info regarding Ionic Framework v5.

For anything regarding our supported platforms, please open a new issue.