Closed Bug 745934 Opened 9 years ago Closed 9 years ago

CSS transitions have horrible artifacts


(Core :: Layout, defect)

14 Branch
Windows 7
Not set



Tracking Status
firefox14 - ---


(Reporter: vladan, Assigned: roc)




(3 files)

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:
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
Attached 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.
Attached 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: 9 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
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.