vbox fix

html-client/src/components/vbox.component.jsx

@@ -32,12 +32,10 @@ function Vbox(args) {
             return sendVboxReclaim(i);
         }
 
-        if (combiner.indexOf(i) === -1) {
+        const insert = combiner.findIndex(j => j === null);
-            const insert = combiner.findIndex(j => j === null);
+        if (insert === -1) return setCombiner([i, null, null]);
-            combiner[insert] = i;
+        combiner[insert] = i;
-            return setCombiner(combiner);
+        return setCombiner(combiner);
-        }
-        return setCombiner([i, null, null]);
     }
 
     function combinerRmv(i) {
@@ -66,15 +64,25 @@ function Vbox(args) {
         );
     });
 
-    const boundTds = range(0, 9).map(i => (
+    const boundTds = range(0, 9).map(i => {
-        <td
+        if (combiner.indexOf(i) > -1) {
-            key={i}
+            return (
-            draggable="true"
+                <td
-            onDragStart={e => e.dataTransfer.setData('text', i)}
+                    key={i}>
-            onClick={() => boundClick(i) }>
+                    &nbsp;
-            {convertVar(vbox.bound[i])}
+                </td>
-        </td>
+            );
-    ));
+        }
+        return (
+            <td
+                key={i}
+                draggable="true"
+                onDragStart={e => e.dataTransfer.setData('text', i)}
+                onClick={() => boundClick(i) }>
+                {convertVar(vbox.bound[i])}
+            </td>
+        );
+    });
 
     const boundRows = [
         <tr key={0} >