I’m looking for a bit of advice.
We have been experiencing this issue now for a while which causes our app to fail on almost all Android 8.1 devices as soon as they encounter an <ion-icon> tag. The Chromium team have logged this as a bug in the latest version of Chrome but unfortunately I cannot wait around much longer for a fix - we have too many Android 8.1 users for us to wait that long (they might be a small percentage of the total but we have around 900k users so its a significant number).
So I need to put a fix in place which allows these users to at least use the app (at the moment it crashes on startup because the side menu uses icons). I’m wondering what the easiest way is for me to make the app hide all icons for Android 8.1 users (our app makes extensive use of <ion-icon> tags across dozens of components).
I realise simply hiding all icons will not be an adequate fix - some of them in certain situations might need replacing by something else. But a starting point would be to hide all icons so at least the app functions. So I’m wondering what is the easiest way for me to make the icons simply not show up for these users. I can detect for Android 8.1 on startup and set a hideIcons flag somewhere. And then against every <ion-icon> tag I can add an ngIf="!hideIcons" or something. But this would need each component to be checking for the value of the flag.
Is there a better cleverer easier way using an Angular directive? (something like adding an attribute to all my <ion-icon> tags and point to a directive which then checks the flag and depending on its value, the icon is either displayed or not). Or is there a better way?
Just throwing this out there in case there is something I have not thought about (which would not be a surprise). Thanks.
1 post - 1 participant