Can't work correctly on elements that use animation or transitions

[baocang]

I just solved the problem by ignoring animations and transitions.

if (!(/animation/.test(csName)) && !(/transition/.test(csName))) {
    dstNode.style.setProperty(csName, cs.getPropertyValue(csName), cs.getPropertyPriority(csName));
}

[reppners]

Thanks for reporting and posting your solution. Can you provide a small showcase of the problem or example CSS styles so I can reproduce the issue and play with it?

[baocang]

npx create-react-app
npm install mobile-drag-drop --save

import {polyfill} from "mobile-drag-drop";

// optional import of scroll behaviour
import {scrollBehaviourDragImageTranslateOverride} from "mobile-drag-drop/scroll-behaviour";

// options are optional ;)
polyfill({
    // use this to make use of the scroll behaviour
    dragImageTranslateOverride: scrollBehaviourDragImageTranslateOverride
});

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
  /* pointer-events: none; */
}

<img src={logo} className="App-logo" alt="logo" draggable />