bug fix

Author: Koushikphy

src/html/index.html

@@ -54,17 +54,17 @@
             <div class="column">
                 <div class="mySelect 3D">
                     <span id='xLabel'>X</span>
-                    <select class="testSelect sWheel" id="xCol"></select>
+                    <select class="sWheel" id="xCol"></select>
                 </div>
 
                 <div class="mySelect">
                     <span id='yLabel'>Y</span>
-                    <select class="testSelect sWheel" id="yCol"></select>
+                    <select class="sWheel" id="yCol"></select>
                 </div>
 
                 <div class="mySelect">
                     <span id='zLabel'>Z</span>
-                    <select class="testSelect sWheel" id="zCol"></select>
+                    <select class="sWheel" id="zCol"></select>
                     <span id="intSwap">&#8646;</span>
                     <select class="sWheel" id="sCol"></select>
                 </div>

src/js/functions.js

@@ -72,10 +72,10 @@ function setUpColumns() {
     sCol.selectedIndex = col.s;
 }
 
-xCol.onchange = yCol.onchange = updateData
-zCol.onchange = (ev) => { colChanged(ev.target.selectedIndex); window.dispatchEvent(new Event('columnChanged')) }
-
 
+xCol.addEventListener('change', (ev) => { updateData() })
+yCol.addEventListener('change', (ev) => { updateData() })
+zCol.addEventListener('change', (ev) => { colChanged(ev.target.selectedIndex); window.dispatchEvent(new Event('columnChanged')) })
 
 function updateData(init = false, all = true) {
     if (!init) {
@@ -84,7 +84,6 @@ function updateData(init = false, all = true) {
         col.z = zCol.selectedIndex;
     }
     th_in = 0;
-
     if (!swapped) {
         store.set(is3D ? "cols3d" : "cols2d", col)
     } else {
@@ -360,7 +359,7 @@ function startDragBehavior() {
     });
     drag.on("dragend", () => {
         fullData[currentEditable] = data
-        saved= false;
+        saved = false;
         viewer3D.update()
     })
     d3.selectAll(`.scatterlayer .trace:nth-of-type(${currentEditable + 1}) .points path`).call(drag);
@@ -388,7 +387,7 @@ class Viewer_3D {
     isOpen = () => {
         return this.viewerWindow
     }
-    
+
 
     open = () => {
         if (this.viewerWindow) {
@@ -428,8 +427,8 @@ class Viewer_3D {
         }, 500) // a half second pause before sending the data
     }
 
-    close =()=>{
-        if(this.viewerWindow) this.viewerWindow.close();
+    close = () => {
+        if (this.viewerWindow) this.viewerWindow.close();
     }
 }