Closed Bug 620118 Opened 14 years ago Closed 10 years ago

-moz-transition oscillates between edge values or moves backwards instead of stabilize

Categories

(Core :: CSS Parsing and Computation, defect)

defect
Not set
normal

Tracking

()

RESOLVED WORKSFORME
Tracking Status
blocking2.0 --- -

People

(Reporter: jk1700, Unassigned)

References

(Blocks 1 open bug, )

Details

(Keywords: css3, testcase)

Attachments

(1 file)

635 bytes, text/html
Details
User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b9pre) Gecko/20101217 Firefox/4.0b9pre
Build Identifier: 

Copied from bug 582379 comment 24:

Open the URL and:

1) move mouse cursor to the right border below the middle of the height - the
box starts to transform and when it reaches the point where the transition
should move back&forth the rotation transition stops, but the colors transition
starts goes on, but opposite direction (it starts to turn yellow). When it
reaches yellow it starts to blink very fast with yellow and orange colors

2) move cursor to the right bottom corner - depending on your precision you
will see either the effect from p.1 (rotating stops very soon, but blinking
starts also very soon) or you will see the same effect but with two properties
(rotation and color; one frame is yellow box with initial rotation and the next
one is orange and rotation -30deg)

See it in action (video): https://bugzilla.mozilla.org/attachment.cgi?id=498508

Reproducible: Always
blocking2.0: --- → ?
Keywords: css3, testcase
See Also: → 582379
Version: unspecified → Trunk
I'm not sure about this. I suspect it doesn't block, but David should look at it.
Status: UNCONFIRMED → NEW
Ever confirmed: true
If you think this is bad enough to block, you should explain why, because I think it's probably not.  Setting up transitions that can oscillate is, IMO, an authoring mistake.  If we get the oscillation slightly wrong, I don't think it's a big deal, because authors don't want oscillations in the first place.
Attached file testcase
Was just about to file a bug concerning oscillating an found this one. So only adding my testcase (changes margin, no -moz-transform involved).
Other browsers (Opera, Chrome) don't oscillate.
OS: Windows 7 → All
Hardware: x86 → All
Summary: Transition oscillates between edge values or moves backwards instead of stabilize → -moz-transition oscillates between edge values or moves backwards instead of stabilize
Other browsers don't update :hover state when the content changes, which is a bug.
Also, "it just flickers" is really bug 652767, not this bug.
Confirmed 1) with
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0.12) Gecko/20100101 Firefox/10.0.12 ID:20130103094221 CSet: 9e1102e58ac8 ESR

WFM with
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0 ID:20131113153432 CSet: 04f4b34ae3ae ESR
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0 ID:20140512030202 CSet: 20ca234fd62b
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: