Currently, I'm researching HTML5 Drag and Drop functionality by using this resource. However, I've encountered an issue with the dragenter event that seems to fire twice for child elements before the dragleave event. Because of this, the dashed border styling applied during dragenter doesn't always get removed after dragleave in some cases. Despite searching Google and referring to sources like this link, I haven't been able to resolve the problem yet. I tried adding the CSS property pointer-events: none, but it's not compatible with IE9 and IE10.
Note that compatibility is essential for IE9 and above, as well as Mozilla browsers.
Below is a snippet of the code I'm working on:
// JavaScript code snippet here....clearfix {
clear: both;
}
/* Additional CSS rules... */<!-- HTML code snippet here... -->Thank you for your assistance.