Adding form input fields using D3

Question

I am new new to D3. I am trying to add input fields inside a svg element(rectangle) using d3.js. Please let me know if there is a way to do so.

Have a look at this Q&A. It uses checkbox's instead of input fields but they are similar. Ah, I've just read that properly, you might need to use a foreign object for that. — user1614080
– user1614080, Commented Sep 17, 2014 at 4:53

Elijah · Accepted Answer · 2014-09-17 16:47:10Z

2

You can only do this using svg:foreignObject, but you don't really want to use that since it's poorly supported. If you know that you're only going to deploy on browsers that support svg:foreignObject, then you can put any HTML inside of it. Otherwise, you'll need to use traditional DOM elements on a div on a z-index above your SVG and place them using CSS left: and top: in the way that you would place svg:rect elements using x and y.

edited Sep 17, 2014 at 16:47

answered Sep 17, 2014 at 16:42

Elijah

4,6393 gold badges30 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding form input fields using D3

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related