969270 - SVG elements disappear when animated (with translate scale) +rAF +javascript

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[dotnetCarpenter]

Attachment: slowAnimationFirefox.html

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140206004003

Steps to reproduce:

1) Open the attached testcase or go to http://public.test/slowAnimationFirefox/slowAnimationFirefox.html
2) Count the icons. There should be 10. If there is, continue to 3
3) Reload the page until you see less than 10 icons or icons with missing SVG elements


Actual results:

Some icons are either not rendered at all or missing parts of them.


Expected results:

All 10 icons should render and all SVG elements within them should be rendered.

Comment 1

[dotnetCarpenter]

Sorry, I included an URL to my local testcase. The public URL is: http://dotnetcarpenter.bitbucket.org/slowAnimationFirefox/slowAnimationFirefox.html

Info about my machine is located @: http://dotnetcarpenter.bitbucket.org/slowAnimationFirefox/

Comment 2

[Paul Silaghi, QA [:pauly]]

Can't repro on 29.0a2 (2014-02-10), 30.0a1 (2014-02-10), win 7 x64.

Please check if the issue occurs using Firefox in safe mode (with your addons disabled):
http://support.mozilla.com/kb/Safe+Mode

Or on a new, empty profile:
http://support.mozilla.org/en-US/kb/Managing-profiles#w_starting-the-profile-manager

Comment 3

[dotnetCarpenter]

i just tried again in safe mode with Firefox 28.0 Beta https://hg.mozilla.org/releases/mozilla-beta/rev/469e119af8db 

I'm attaching a screen shot.

FWIW, the exact same happen to [:dholbert] https://bugzilla.mozilla.org/show_bug.cgi?id=968740#c11

Comment 4

[dotnetCarpenter]

Attachment: firefox fails to draw svg icons at random - 28beta

Comment 5

[dotnetCarpenter]

I have now test the testcase on mac and windows. dholbert has tested on linux. And it's reproducible on all OS's. I think it's safe to change platform to all.

Comment 6

[dotnetCarpenter]

@pauly how many times did you refresh the browser?

Comment 7

[Paul Silaghi, QA [:pauly]]

10-20 times.
I've tried again on Aurora 29.0a2(2014-02-16), win 7 x64 and still couldn't reproduce.

Try to disable/enable the hardware acceleration in Firefox.

Comment 8

[dotnetCarpenter]

I can reproduce on OSX 10.9.1 with Firefox Beta 28.0b3 https://hg.mozilla.org/releases/mozilla-beta/rev/1f89dd5f5d38

I tried yesterday on a faster mac and could not reproduce the issue. Which makes me think, that this is the result of a race condition.

Comment 9

[dotnetCarpenter]

I forgot to mention that I started in Safe-Mode and have "Use hardware acceleration when available" unchecked.

Comment 10

[Daniel Holbert [:dholbert]]

Can you still reproduce? I just tried twice, in Nightly, using a (different) fresh profile each time, and I was unable to hit this. (I saw all 10 icons render fully.)

Comment 11

[dotnetCarpenter]

Unfortunately, yes. I just tested from 29.0.1 -> 31.0a2 (2014-05-20) and all show the same behavior most of time. Is there anything I can add to this bug report?

Comment 12

[dotnetCarpenter]

Attachment: Correct rendering of SVG

Comment 13

[dotnetCarpenter]

Attachment: Screen Shot 2014-05-21 Firefox 30.0 (beta) OSX 10.9.2 x86_64

The image shows the rendering error on a Mac Mini:
Model Name:	Mac mini
  Model Identifier:	Macmini5,2
  Processor Name:	Intel Core i5
  Processor Speed:	2,5 GHz
  Number of Processors:	1
  Total Number of Cores:	2
  L2 Cache (per Core):	256 KB
  L3 Cache:	3 MB
  Memory:	8 GB
  Boot ROM Version:	MM51.0077.B0F
  SMC Version (system):	1.75f0

Comment 14

[dotnetCarpenter]

I just found another example that shows this bug: http://projects.delimited.io/experiments/d3-threejs/slow-device.html
Using Firefox Mobile 30.0 for Android 4.2.2

Comment 15

[Daniel Holbert [:dholbert]]

(I can't reproduce comment 14 (using nightly on Desktop & on my Nexus 4).  It's also likely a different bug -- that page at delimited.io page uses CSS *3D* transforms, which have significantly more opportunity for things to go wrong than 2D transforms.  See e.g. bug 952011 where 3D transforms were causing missing content.  Probably better to spin off a new bug for comment 14, and keep this bug here focused on content that's closer to the attached testcase -- SVG w/ 2D transforms)

Incidentally, though, I just reproduced the original bug here w/ the attached testcase ("slowAnimationFirefox.html", attachment 8372094 [details]), on my first load of it, using current Nightly (with a bunch of tabs open and with Air Mozilla running, so my CPU was under some load if that matters).  Subsequent loads didn't reproduce the issue -- only the first one.

So, disregard comment 10, and I'm marking this bug as "New" instead of "Unconfirmed".

Version info:
33.0a1 (2014-06-23)
Mozilla/5.0 (X11; Linux x86_64; rv:33.0) Gecko/20100101 Firefox/33.0
Ubuntu 14.04

Also, in the tab that reproduced this bug, I was able to make missing icons show up (individually) by right-clicking their blank area, choosing "inspect element", and editing the HTML to have its <g> element to have the attribute style="display:none", and then clearing that attribute. (i.e. reframe)  Not particularly surprising, but a useful data point.

Comment 16

[Daniel Holbert [:dholbert]]

Attachment: screenshot of bug in Linux nightly (only 3 icons showing)

Comment 17

[Daniel Holbert [:dholbert]]

Also, in the devtools' "Box Model" view, the missing icons all have dimensions 0x0. That suggests that this is a bug in bounding-box computation / updating (or something that impacts that). This might be due to the fact that the icons all start out with scale(0).

Comment 18

[uzuri.wolf]

I can confirm that this is happening to me, too -- http://theredsetter.com/cs171/ (click big red button to spawn vis, then click any of the four colored circle labels to rotate -- circle will disappear).  Interestingly, if you use the "show only" filter the circle returns and won't go away again unless you refresh the page.  Hopefully that particular weirdness might help you all narrow down what might be causing it.

My testing has be OS X Mavericks, using FF 32.0.2 and as of two minutes ago, also 33.0.2.

Comment 19

[Robert Longson [:longsonr]]

(In reply to uzuri.wolf from comment #18)
> I can confirm that this is happening to me, too --

Please raise a separate bug since yours may well be a different issue as it's 100% reproducible and the original issue is not.

Comment 20

[uzuri.wolf]

Sure, it's here, for reference -- https://bugzilla.mozilla.org/show_bug.cgi?id=1092535

Comment 21

[Robert Longson [:longsonr]]

Seems OK now as far as I can tell.