Html5 click trigger with animation
i am making a html5 app using articulate 2 , the app is some balloons animated using motion bath to fly from the bottom of the slide to the top using trigger when timestarts play animation and another trigger when animation complete move to motion bath, the user should click on the balloons , the correct ones change state to hidden and the wrong ones change state to disable .
the app works fine in the preview and swf version but with the html5 , the click triggers doesn't work at all when the object is moving , i tried tracing the problem and found that when i click on the start position of the balloon , (the balloon is far away on the slide ) it works as if i clicked on the ballon, until the balloon riches its destination , i tried and changed the balloon with shape and still same thing ,
any ideas ?!