There is a problem with tweens in these conditions(edited):
Browser has multiple opened tabs and has worked for about 10-15 min
Browser was idle and then used again
When I open up more then 3 tabs
Code:
var tweens = { main_area: { layer_buttons:{ getTween: function (_this, _properties) { return TweenMax.to(_this,0.5, { css: _properties, paused: true, delay: 0.2 }); } } }}var g = tweens.main_area.layer_buttons.getTween;var start = g($(".info", "#information-start"),{opacity: 1});$("#layers").on("mouseenter", "#information-start", function () { start.play(); }).on("mouseleave", "#information-start", function () { start.reverse(); });
Problem:When I do a quick mouseenter from outside of browser or from another or mouseleave, animation doesn't render correctly and I just see end result (without seeing actual animation)Note:I've noticed this behavior only in Chrome so far. I don't know what will be users situation with browser, that's why I want to know is there some kind of workaround for this problem.
After completely closing all tabs and restarting chrome browser, all tweens work how they supposed to work.
It's not just in this situation, it's with every tween I have on my site.