Search jQuery

jQuery Forum

Not able to use selectable for SVG Element

in Using jQuery UI • 7 years ago

Hi,

I'm trying to use selectable plug-in for my d3.js chart on svg. It is working fine on normal DOM element but I don't know why it is not working on the svg elements like text. Here is the fiddle http://jsfiddle.net/mantrig/5b5698dr/

What I'm missing in it?

Replies(3)

kbwood.au

Re: Not able to use selectable for SVG Element

7 years ago

Two things come to mind:

* jQuery and jQuery UI are designed for the HTML DOM, whereas the SVG DOM is slightly different. Many things still work, but not all.

* The Selectable plugin applies to immediate children of the specified element, so you probably can't select text elements within the SVG.

Govind

Re: Re: Not able to use selectable for SVG Element

7 years ago

Thanks kbwood.au for information. For the second one

Selectable plugin applies to immediate children

All my text elements are immediate children to svg but then too it didn't worked may be jQuery doesn't support this particular thing in SVG DOM as u mentioned in first point, but then is there any other work around for the same if u have any idea about it. Your suggestions are most welcome :)

kbwood.au

Re: Not able to use selectable for SVG Element

7 years ago

Your text elements are immediate children of the svg element, but not of the div you are applying the Selectable plugin to.

You could try applying the Selectable plugin to the svg element instead.

Why do you need to use SVG? Is that a result of using d3?

Top Reply

Response title

Attachments

jQuery Forum

Not able to use selectable for SVG Element

Replies(3)

Re: Not able to use selectable for SVG Element

Re: Re: Not able to use selectable for SVG Element

Re: Not able to use selectable for SVG Element

Statistics

Tags

Actions