Hybrid View

    Success! Looks like we've fixed this one. According to our records the fix was applied for ANIM-863 in a recent build.
  1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    3
    Vote Rating
    0
    manhng21 is on a distinguished road

      0  

    Default Bug with scene control in Firefox

    Bug with scene control in Firefox


    Hi,
    currently I have a html banner with 5 slides, each slide is a scene. The banner auto loop 5 slides and I also have 2 arrows to manual control (go next, go back). Each scene wait 5s before jump to next scene.
    Everything work well as expected in chrome but in Firefox (14.0.1) ,when I click to arrow then the banner not work correct, slide appeared and disappeared so fast even the animation of that banner still not end.
    Can you guys please check it ?

  2. #2
    Sencha User arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    498
    Vote Rating
    10
    arnebech will become famous soon enough

      0  

    Default


    Would you mind sharing your project, so I can take a look at it? If you want to keep it private you could send me a PM.

  3. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    3
    Vote Rating
    0
    manhng21 is on a distinguished road

      0  

    Default


    sent to you already, tks!

  4. #4
    Sencha User arnebech's Avatar
    Join Date
    Jun 2010
    Posts
    498
    Vote Rating
    10
    arnebech will become famous soon enough

      0  

    Default


    Thanks for sharing. Nice looking project!

    So I found the issue you are running into. As far as I can tell it is a bug in Firefox. We'll try to get a workaround into Animator at some point. In the meantime, you'll have to edit the exported JS file and make a small change to it.

    You'll have to replace
    Code:
    this.olElement.addEventListener(eventName, function() {
      me.onAnimationEnd();
    },false);
    with

    Code:
    this.olElement.addEventListener(eventName, function(event) {
      var valid = false;
      var parent = event.target;
      while (parent = parent.parentNode) {
        if (parent === me.scenes[me.currentSceneID].element) {
          valid = true;
          break;
        }
      }
      if (valid) {
        me.onAnimationEnd();
      }
    },false);

  5. #5
    Sencha User
    Join Date
    Feb 2012
    Posts
    3
    Vote Rating
    0
    manhng21 is on a distinguished road

      0  

    Default


    Thankarnebech,
    it's really helpful.

Thread Participants: 1