I've been trying to drag the spheres around the scene using drag controls that should be activated when the "m" key is pressed. However, I keep running into an issue where the objects don't move and I receive an error message saying "Uncaught TypeError: Cannot set property 'x' of undefined at HTMLCanvasElement.onDocumentMouseMove". Any thoughts on why this might be happening? Here's a shortened version of the code for clarity (apologies if it looks messy).
<template>
<div class="flex fill-height wrap">
<div id="map" class="flex fill-height wrap " v-on:dblclick="addNewPoi3d" ></div>
</div>
</template>
<!-- Rest of the code goes here -->
EXPECTED: The objects should be draggable.
ACTUAL: Unfortunately, they are not moving as expected. Instead, I'm encountering the "Uncaught TypeError: Cannot set property 'x' of undefined at HTMLCanvasElement.onDocumentMouseMove" error.