Fuzzy components on device

When navigating on an android device, I am getting blurry/fuzzy text.
Most noticeable in a list of checkboxes and you start tapping them.
Like it is not totally refreshing the page.

<ion-item>
        <ion-label>check one</ion-label>
        <ion-checkbox></ion-checkbox>
    </ion-item>
    <ion-item>
        <ion-label>check two</ion-label>
        <ion-checkbox></ion-checkbox>
    </ion-item>
    <ion-item>
        <ion-label>check three</ion-label>
        <ion-checkbox></ion-checkbox>
    </ion-item>

I am also seeing this in lists like the Menu list in the sidemenu starter.

Android version 5.1.1

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.4
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
OS:
Node Version: v5.10.1

After a reboot, the fuzziness went away. Device resources I suppose.

I’m also experiencing something similar but especially on side-menu and segment buttons.
I think it’s related to animations.

I’m on Android 6.0.1 with ionic beta 2.0.0-11.

I think I find out the issue. It’s coming from the Chrome Inspector.
Indeed, it only happens when the inspector is on.

Can someone confirm ?

1 Like

WE have the same or similar problems, mostly with lists, also with no debugger attached on SOME android devices. The list area actually not very long (50) items and with me it mostly happened when i have segments used to show separate lists within one page. We believe it has something to do with devices memory as it mostly happens on slower devices with less memory. Btw. we are using beta7 right now as we haven’t refactored to ts yet.