Droppable not working in IE 11

[ShivamChaurasia]

Getting "Unexpected call to method or property access." error while drag start.

[jmas]

@ShivamChaurasia Bump, do you have thoughts what the issue about? I will look on it, but if you found solution - please write here. Thanks.

[LakshmiTatineni]

Object.assign() in Draggable.js and Droppable.js does not work in IE and that is causing the issue

[kominayu]

@ShivamChaurasia were you using a type other than "text" by any chance?

[AldoS]

@ShivamChaurasia I have the same issue on IE11, the problem is here:

onDragStart: {
            value: function onDragStart(e) {
                if (typeof this.props.onDragStart === "function") this.props.onDragStart(e);
                var props = Object.assign({}, this.props);
                if (this.props.wrapperComponent) props = Object.assign(props, this.props.wrapperComponent.props);
                e.dataTransfer.setData(props.type, props.data);
            }
        },

and more specific here
e.dataTransfer.setData(props.type, props.data);
IE accepts only text as type in dataTransfer.setData as @kominayu mentioned above.

Solution:

1. Change your draggable type to text

2. Remove prop types from Dropable because text doesn't seem to be an acceptance type.

3. Then create a onDrop prop function on Dropable to get the data - e.dataTransfer.getData("text");