I fear that the CSS3 animation is not handled very well on mobile device.
But it's really strange that the problem didn't occurs on "old" version of Android.
As I can see from your screenshot is that the notification is an upscale of the beginning of the scale animation.
A simple test is to remove show animation (remove the scaling effect) to find if the problem is cause by it or not. :
So, remove this lines :
if(enyo.Layout.transform)//Enyo 2.0b3
{ enyo.Layout.transform(this.$.bubble, {"scale": value}); }
else if(enyo.dom.transformValue)//Enyo GitHub (22/04/2012)
{ enyo.dom.transformValue(this.$.bubble, "scale", value); }
and
if(enyo.Layout.transform)//Enyo 2.0b3
{ enyo.Layout.transform(this.$.bubble, {"scale": 1+value_5}); }
else if(enyo.dom.transformValue)//Enyo GitHub (22/04/2012)
{ enyo.dom.transformValue(this.$.bubble, "scale", 1+value_5); }
I fear that the CSS3 animation is not handled very well on mobile device. But it's really strange that the problem didn't occurs on "old" version of Android.
As I can see from your screenshot is that the notification is an upscale of the beginning of the scale animation.
A simple test is to remove show animation (remove the scaling effect) to find if the problem is cause by it or not. : So, remove this lines : if(enyo.Layout.transform)//Enyo 2.0b3 { enyo.Layout.transform(this.$.bubble, {"scale": value}); } else if(enyo.dom.transformValue)//Enyo GitHub (22/04/2012) { enyo.dom.transformValue(this.$.bubble, "scale", value); } and if(enyo.Layout.transform)//Enyo 2.0b3 { enyo.Layout.transform(this.$.bubble, {"scale": 1+value_5}); } else if(enyo.dom.transformValue)//Enyo GitHub (22/04/2012) { enyo.dom.transformValue(this.$.bubble, "scale", 1+value_5); }