End Goal: I'm trying to manipulate an element inside an svg from a library I'm using. The element has drag and drop capabilities, but also shows a pop-up on click. I would like to disable the drag and drop but still allow the click.

I know I can use pointer-events: none on the element to disable the drag and drop, but then I need the click functionality back.

Is there a way to do this in css or javascript?