d3 transition for transform translate not working for DIV

d3.js, javascript, svg, transition

Solution

There was an issue in the old version d3.v3.6

The issue is fixed now and it works for DIV or any HTML element.

Try the latest version of d3 or any version from d3.v3.7

https://github.com/mbostock/d3/releases

It works!

Problem

Why is the transform property not working for DIV in D3? It works for any svg elements, but not for "div". Any alternate solution? NOT WORKING ``` d3.select("div") .transition() .style("transform","translate(0px,-500px)"); ``` WORKING ``` d3.select("circle") .transition() .style("transform","translate(0px,-500px)"); ```

Original source