Crowbar2: Dc.js figure elements are shown partially empty

[amergin]

Not really a bug on behalf of Crowbar, but I'm seeing really weird behavior when trying to export figures produced with Dc.js on Chrome.

For example, several figures on the example page are rendered so that only the axes, but not the main content, is visible on the figure when viewed in Chrome or Firefox. Inkscape, Ubuntu file viewer and other viewing tools are able to show the figures correctly.

There's probably some inline css that is interpreted differently on browsers than in Inkscape and others. When trying out Crowbar1, the figures show correctly in browser but obviously don't have the external css embedded.

Any ideas what inline css causes this phenomenon?

[amergin]

Example SVG file here.

Chrome: axes visible, main content hidden
Firefox: axes and main content visible
Safari: axes and main content visible
Inkscape: axes and main content visible.

[amergin]

Asked this same question in Stack overflow and got an explanation:

The issue appears to be cause by the #yearly-bubble-chart-clip > rect element. It has inline styles that set width and height to auto. In Chrome, this is overriding the width and height attributes, and resulting in a clipping path that is 0 pixels by 0 pixels.

As these width and height attributes are set on export in SVG-Crowbar2, this definitely looks like a bug to me.