Skip to content

Enter direction not working properly in Firefox #4

Open

Description

@ryangiglio

I'm using Firefox for Mac 26.0.

The direction that the hover element enters from is not always correct. I've made a gif of the issue:

http://d.pr/i/bOPc

Activity

  1. dynamick commented on Feb 7, 2014

    @dynamick

    same problem :-(

  2. zeronull0null commented on Feb 8, 2014

    @zeronull0null

    You could try using the plugin in my repo: https://github.com/woh4wad/DirectionAwareHoverEffect

    I managed to temporally fix this problem, I'm pretty sure there's a better workaround for this, But for now this works fine on FireFox 26

    More about this: The problem was, In FireFox, Transition is active and applying even though the "display" property of element is set to "none", By disabling the transition before "mouseenter" event, Resting the hover position and enabling the Transition again, The problem was resolved.

  3. dynamick commented on Feb 10, 2014

    @dynamick

    Great! Now it works perfectly!
    Well done!

  4. afercia commented on Feb 18, 2014

    @afercia
    Contributor

    I can confirm there are a couple of errors in this script that prevent correct behavior in Firefox. To be honest seems to me that Firefox behavior is right, I mean it fails because of the errors in the code but Chrome ignores them and does the job.
    @woh4wad you're right, that's exactly one of the problems, I just cleared the transition properties right after the mouseenter check and before the new starting position is applied, otherwise FF will execute the animation while the element moves to its new starting position and at that moment is not hidden.
    Will pull a request.

  5. hamdan-mahran commented on Jan 2, 2015

    @hamdan-mahran

    Hi woh4wad
    Thanks for this awesome plugin, i think the problem is still not fixed in firefox
    but there important note : your demo works good on firefox, so i dont know why my direction is not correct in my example :(
    i hope to give me feedback
    Thanks very much

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions