feat: 🩹 Prevent multiple clicks on cloud icon for smooth elevation co…

…ntrol

src/ElevationControl/elevationControl.js

@@ -49,6 +49,17 @@ function autoSelectFirstPointCloud() {
   return false
 }
 
+function disableFirstPointCloudNode() {
+  // find the <li> that holds the first cloud icon
+  const icon = document.querySelector('#scene_objects i.jstree-themeicon-custom')
+  const li = icon ? icon.closest('li') : null;
+  if (!li) return;
+  //visually/DOM disable anchor clicks
+  const a = li.querySelector('a');
+  if (a) a.style.pointerEvents = 'none'
+}
+
+
 //(re)connect the elevation labels to the slider after the container is moved (was not handled by default)
 function rebindElevationLabel() {
   const slider = window.jQuery ? window.jQuery('#sldHeightRange') : null
@@ -109,5 +120,8 @@ export function initElevationControls(viewer) {
   observer.observe(menu, { childList: true, subtree: true })
 
   //Trigger Potree to build Materials UI by selecting the first point cloud (if nothing selected yet)
-  autoSelectFirstPointCloud()
+  if (autoSelectFirstPointCloud()) {
+    //Prevent multiple clicks on the cloud icon
+    disableFirstPointCloudNode();
+   }
 }