React-datepicker: Cannot read property 'outsideClickIgnoreClass' of undefined

[tjcampbell]

Hi guys,

Firstly, thanks for a great date picker!

Everything has been working for a while, but after updating to meteor's latest stable version (1.3) I can't get it working again. I realise this could be a meteor issue so feel free to send me in that direction if it's clearly not a problem here.

The Problem
The component mounts fine and opens correctly on focusing the input, but when clicking outside the calendar to close it, I get the error "Cannot read property 'outsideClickIgnoreClass' of undefined". After looking into what's going on, it looks like the react-onclickoutside mixin is getting the wrong context somewhere along the line

var fn = this.__outsideClickHandler = (function(localNode, eventHandler) { 
  return function(evt) {
    evt.stopPropagation();
    var source = evt.target;
    var found = false;
    // this.props is undefined here, and 'this' is the document for some reason
    var ignoreClass = this.props.outsideClickIgnoreClass || IGNORE_CLASS;

Has anyone experienced this? Or is this possibly a meteor build issue?

[janroesner]

Same issue here

[andynoelker]

Just did an update and started getting this as well

[rafeememon]

Making a fix in react-onclickoutside now, please hold

[tjcampbell]

@rafeememon I can create a PR if it saves you some time?

[rafeememon]

Fix submitted at Pomax/react-onclickoutside#73. Once it merges and a new version is released this should be fixed.

[tjcampbell]

Thanks @rafeememon

[rafeememon]

@tjcampbell, @janroesner, @andynoelker, the fix is merged, let us know if that fixes the issue for you

[janroesner]

Works for me. Thank you!

[rafeememon]

Awesome! Sorry for the trouble.

[tjcampbell]

@rafeememon are you guys going to do a release with the fix?

[rafeememon]

The new release of react-onclickoutside will be pulled in automatically if you reinstall