I have a custom globe created with threejs and I am using orbit controls for interactivity. However, I am facing an issue on touch devices where dragging does not function correctly. On certain browsers like Edge, the globe cannot be dragged at all, while Firefox allows horizontal dragging but scrolls vertically instead. How can I enable proper dragging functionality on mobile devices?
Here is my current orbitcontrols code:
this._controls = new THREE.OrbitControls(this._camera, this._renderer.domElement);
this._controls.rotateSpeed = .08;
this._controls.zoomSpeed = 1.0;
this._controls.enableZoom = false;
this._controls.enablePan = false;
this._controls.enableDamping = true;
this._controls.minDistance = 23.0;
this._controls.maxDistance = 70.0;
this._controls.dampingFactor = 0.1;