Doesn't work in IE11

[Abrissirba]

• I'm submitting a ... [x] bug report [ ] feature request [ ] question about the decisions made in the repository

• What is the current behavior? It doesn't work to drop an in IE11. When you enter a droppable element, it gets the correct style but if you drop it nothing happens. Also, if you do not drop and just leave the droppable element, the style is not removed. I took a quick look and it seems that only the dragenter event is fired. The behaviour can be seen on the demo page, http://akserg.github.io/ng2-webpack-demo/#/dnd, in IE11

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar. http://akserg.github.io/ng2-webpack-demo/#/dnd

• What is the expected behavior? Should work as in chrome

• Please tell us about your environment:

• Angular version: 4.X.X
• Browser: IE11

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

[Abrissirba]

It seems like you have to set the height on the droppable element. I had an element with only padding that didnt work. When I set the height explicitly on the element it worked. I tried it in the demo page aswell and got the same behaviour.

[akserg]

Sorry, I do not have IE 11, but I checked the webpack demo, and it works fine on Windows Edge. Shall we close this issue?

[snorrwe]

I have the same issue in IE 11. When dragging an element over a Droppable only the "onDragEnter" event fires.

[cp79shark]

Any movement or interest on this? If it's not going to be looked at our project will need to look for something else as we must support IE 11.

[adrian-mitangi]

I'm experiencing the same issue.

[peboCodemill]

Same issue here, @akserg note that IE11 and Edge are quite different. Do you think that you can look into this issue? Will have to switch out this library otherwise :/

[sharmajnu]

WE are also facing the same issue with IE 11, it does not seems to work working fine in chrome. Is is possible to fix?

[tpettrov]

Same issue here, element dropping doesn't work in IE11.

[rodgerbrennan]

I just found an odd "workaround" for this while playing around on the example page. If you scroll down on the examples page to the custom function version (the one that only allows multiples of 3 or 10) IE 11 works so long as you drag to the input box. To work around the issue in my app for now, I just added an input on my section header. It could certainly use a better fix, but it works for now.

<div class="panel-heading">My Panel Heading <input type="text" width="20" readonly value="Drag here if using IE" disabled/></div>

[PavelPikat]

I fixed this in my app by adding height to the draggable element.