Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Allow SVG graphics to overflow outside the containing svg element

Tags:

css

overflow

svg

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

like image 239
Simon Kenyon Shepard Avatar asked Oct 15 '09 14:10

Simon Kenyon Shepard


1 Answers

It's a bug in Firefox.

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

like image 166
John Avatar answered Nov 01 '22 15:11

John