TypeError on ownerDocument for onChangeComplete with re-rendering

[willrp]

Hello. First I would like to thank you for your excelent job. This range component is really good.

The following error is happening when the event 'onChangeComplete' is triggered, at this file.

Uncaught TypeError: Cannot read property 'ownerDocument' of null at InputRange.removeDocumentMouseUpListener at InputRange.handleMouseUp

When I try that event with something simple, like console.log, it does not show the error. It only happens because I'm changing state and redux is rendering my components again.

If it's a ref issue, I would like to know how should I input the ref for the InputRange, so the following error does not happen. The component is working flawlessly, this is the only problem, popping this error in my console.

This is happening on input-range.jsx:309.

Thanks in advance.

[eoghanmccarthy]

Getting same issue. Any known solutions?

[paschaldev]

Same issue here

[M0ns1gn0r]

As a workaround I had to wrap the event handler in a setTimeout with 100ms of delay.

[AnupamRawal]

Whatever you are doing inside onChangeComplete , wrap it with setTimeout function like this:

onChangeComplete={ value => { setTimeout(() => { //function after change complete }, 1000); } }

[shaantalk]

After adding the setTimeout the error goes away but the slider UI goes back to its original state