Allow SVG graphics to overflow outside the containing svg element

Question

Hi,

I'm using the Raphaël—JavaScript Library to create some pie chart graphics, but I want to set the overflow of the containing SVG element to visible, to allow the graphics inside to display outside of their container. The way you would with normal dom elements (overflow: visible;) does not seem to work for svg containers. Does anyone have any experience of this or know how to remedy it?

Cheers

Answer 1

The outermost svg element clips the rendering. I'm not aware of any way to change that.

Answer 2

It's a bug in Firefox.

WebKit implements overflow: visible correctly for SVG elements, as does IE for VML elements.