1129513 - SVG animated rendering causes graphical blotches on screen

Status: RESOLVED WORKSFORME

(Firefox :: Untriaged, defect)

Description

[nav]

Attachment: firefoxRefreshProblemWithSVG.PNG

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:32.0) Gecko/20100101 Firefox/32.0
Build ID: 20140830211128

Steps to reproduce:

In Firefox version 35, on Windows XP SP3, download the nvd3 library and run the example program named "line chart with viewfinder". Same as the one on this page: http://nvd3.org/examples/lineWithFocus.html
OR
Try the last path transition problem in this page: http://bost.ocks.org/mike/path/ by copying the code into an html file on your local PC and running it with a black background to be able to see the blotches.

This problem doesn't seem to happen with Ubuntu's Firefox version 32.


Actual results:

When dragging the "viewfinder" of the line chart that's below the chart (provides the zoom functionality), there are blotches formed on the screen as shown in the attached file firefoxRefreshProblemWithSVG.PNG. This problem happens when I click the "holders" of the viewfinder and move them. On releasing the holders, there are no blotches on the screen. The blotches seem to appear only when there's some animation happening on the screen. Like in the path transition graph I mentioned above, the x axis keeps moving leftward, and the blotches appear on the moving parts of the x axis.


Expected results:

The animations should have happened without any of those blotches appearing on the screen.

Comment 1

[Michelle Funches - QA]

@Reporter, I am unable to reproduce. 
Are you still experiencing this issue?
What is your current OS, FF Ver, etc? If problem still exist, provide exact steps to ensure my test mimics your.  Thanks.

XP-Pro SP3
Version 	35.0
User Agent 	Mozilla/5.0 (Windows NT 5.1; rv:35.0) Gecko/20100101 Firefox/35.0

Comment 2

[nav]

Thanks for looking into it, Michelle. Since it's been a long time, I've switched over to using a different PC now, and tried it yesterday with Firefox 37 (couldn't get my hands on version35) on Windows XP SP3, but could not replicate it either. At the time I reported the bug, the blotches were visible when I ran the programs on a colleague's laptop and also on another colleague's PC and although they were using Windows 7 and perhaps another version of Firefox. The blotches appeared on their systems too. 

Bug 1083079 is probably related (since a commenter mentions flickering in leaflet.js, but still, flickering is a bit different from the blotches I encountered), and appears to have been resolved: https://bugzilla.mozilla.org/show_bug.cgi?id=1083079

Since even I'm not able to replicate it now, and the programs (SVG animations) appear to work fine, please feel free to close this ticket. If I or someone else encounters the problem again, we will let you know.

Comment 3

[Michelle Funches - QA]

Setting to Resolved WFM - please re-opens should problem reoccur.