Make events work like the normal DOM about react-faux-dom HOT 6 CLOSED

I can't seem to get d3.mouse to work still. It throws a TypeError: container.getBoundingClientRect is not a function

Using this (simplified) example:

let container = d3.select(ReactFauxDOM.createElement('svg'));
container.selectAll('g')
    .data(data)
  .enter().append('g')
    .append('path')
    .attr('d', function(d) {return line(d.values);})
    .on('mouseover', function() {
        let pos = d3.mouse(this) // throws an error
    });

Any reason why this is?

from react-faux-dom.

@tristanguigue +1. I'm getting the same error (container.getBoundingClientRect is not a function) calling a D3 zoom behavior on an SVG element appended to a <div> created with react-faux-dom, like so (simplified for clarity):

d3.select(createElement('div'))
  .append('svg')
    .call(d3.behavior.zoom().on('zoom', () => { ... })
    .append('g');

Perhaps I am missing something.

from react-faux-dom.

Interesting, would you like to open another issue with some steps to reproduce? Once we have tests for it, it'll be a lot easier.

from react-faux-dom.

Give that man à cookie...

Thanks a lot !

from react-faux-dom.

No problem :D I needed something to do on this five hour long train ride!
On 11 Oct 2015 9:17 pm, "Pierre de la Martinière" [email protected]
wrote:

Give that man à cookie...

Thanks a lot !

—
Reply to this email directly or view it on GitHub
#9 (comment)
.

from react-faux-dom.

@Olical I think I found a related issue. Please see #66.

from react-faux-dom.