Create JS animation flashes when scrolling viewport on Android

[Pixelware]

I have a small animation exported as Create JS for part of a web page - this isn't a fullscreen animation. It looks fine on the iphone and on the desktop but on Android 6.0 Chrome the animation flashes on and off (briefly disappears completely then back again) when you scroll the viewport with your finger - it doesn't look great. Does anyone know how to get around this?

[Colin Holgate]

You need to add lines to your HTML to prevent the canvas area of the screen from highlight, and often you want to prevent it from scaling. These lines near the top of the HTML would help:

<meta name="viewport" content="user-scalable=no">

<style type="text/css"> 

* { 

    -webkit-touch-callout: none; 

    -webkit-user-select: none; 

  -webkit-tap-highlight-color: rgba(0,0,0,0);

} 

</style> 

[Pixelware]

Thanks for the reply Colin. I've tried what you've suggested but unfortunately there is no change to the behaviour.

[Pixelware]

It would appear to be the responsive javascript code that Adobe Animate produces that does not work correctly on Android Chrome. Setting the responsive parameter to false doesn't fix the issue but actually removing the whole 'makeResponsive' function does fix the issue BUT the animation is now obviously not responsive.

Bring back Flash - at least it worked.