763654 - transition triggered by :hover reverses once the element moves out from under the mouse pointer

Status: RESOLVED DUPLICATE of bug 652767

(Core :: CSS Parsing and Computation, defect)

Description

[Daniel Desira]

Attachment: demo showing jerky border transition

Stanzas in this demo move smoothly when hovered upon in Chrome and Opera while the transition tends to be jerky on desktop Firefox. Shows an issue with the current CSS3 transitions implementation in Gecko.

Comment 1

[Boris Zbarsky [:bzbarsky]]

Hmm.  Which part is jerky?  I can only reproduce the jerkiness if I put my mouse somewhere that's inside the stanza at the old location but not the new one.  Are you seeing something different?

Comment 2

[Daniel Desira]

That and also when I leave the mouse at a position half way the position of the full transition

Comment 3

[Boris Zbarsky [:bzbarsky]]

Sure.  But that's expected behavior here, no?  If the stanza moves so that it's no longer hovered then the style stops applying and the transition is reversed.

What you see in Chrome and Opera is that they simply don't update hover styles correctly (in general; it's not a transition-specific issue) unless the mouse is moved, so you end up in a situation where the stanza is not hovered but still has the hover styles applying; as soon as you move the mouse by even a pixel the text moves back to its original position.

Comment 4

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Maybe duplicate of bug 652767, or maybe duplicate of something just about :hover since this doesn't really require transitions.