CSS transitions have horrible artifacts

RESOLVED FIXED in mozilla14



7 years ago
7 years ago


(Reporter: vladan, Assigned: roc)


14 Branch
Windows 7
Dependency tree / graph

Firefox Tracking Flags




(3 attachments)

On my Windows laptop running Nightly 14, I am getting horrible artifacts during various CSS transitions. However, I do not get these artifacts on Beta 12 and Aurora 13.

Test sample: http://people.mozilla.com/~tglek/fosdem2012/
Whiteboard: regressionwindow-wanted,
Can you find a regression range?
(In reply to Boris Zbarsky (:bz) from comment #1)
> Can you find a regression range?

Nightly from Friday morning (April 13th) doesn't have the bug:

Nightly from Saturday morning (April 14th) does have the bug:
Screenshot showing the bug: only about a quarter of two DIVs undergoing a CSS transition is shown during the animation. The other parts of the DIVs only "pop in" after the transition is complete.
What's the regression range w.r.t mozilla-central?  That might provide additional data.
[Triage Comment]
Seems a little early to be tracking this for 14, let's wait and see if a regression range and possible backout or forward fix is possible then re-nominate for tracking if something needs uplifting.
No, we need to track it; otherwise it could get lost.  If it's fixed we'll un-track it then.
In the comment 5 range, bug 735898 and bug 744607 jump out at me.  Especially the latter.
Blocks: 744607
Assignee: nobody → roc
No longer blocks: 744607
Posted file testcase
This very simple static testcase shows the problem... it should be a transparent yellow rectangle with its top-left at 0,0 ... but it isn't.
Posted patch fixSplinter Review
Attachment #615670 - Flags: review?(matt.woodrow)
This would have been a regression from changeset 007e4f53e361.
Whiteboard: regressionwindow-wanted,
Blocks: 735898
No longer blocks: 744607
Comment on attachment 615670 [details] [diff] [review]

Review of attachment 615670 [details] [diff] [review]:

::: layout/reftests/bugs/745934-1.html
@@ +5,5 @@
> +div {
> +    position: absolute;
> +	top: 200px; left: 200px;
> +    width: 600px;
> +    height: 500px;

Attachment #615670 - Flags: review?(matt.woodrow) → review+
Comment on attachment 615670 [details] [diff] [review]

Review of attachment 615670 [details] [diff] [review]:

Bad regression. Fix only affects pages using -moz-transform-style:preserve-3d.
Attachment #615670 - Flags: approval-mozilla-central?
Comment on attachment 615670 [details] [diff] [review]

[triage comment]
low/no risk to mobile, approving.
Attachment #615670 - Flags: approval-mozilla-central? → approval-mozilla-central+
Closed: 7 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla14
Not sure if this should be re-opened or a new ticket opened, but when using transitioning with scale3d and the element has an outline, lots of artefacts appear

Test showcasing the bug at http://jsfiddle.net/gaby/SWJ4Z/2/
Sorry guys.. missed the firefox14 milestone..
New ticket please.  This bug was caused by another patch that landed in Firefox 14, and fixed 3-4 days after it first appeared.  So if you're not using a nightly build from one of those 3-4 days about a week ago, then you're seeing something different from this bug.

In particular, your testcase shows a problem in a nightly from 3 days ago, which certainly has the fix for this bug in it.  Do you want to file the new bug, or should I?
I am seeing this bug as a result from upgrading from v11 to v12.0

You seem to know much more about the procedures here, so it might be better if you file it as a new bug, if it fits the criteria..
You need to log in before you can comment on or make changes to this bug.