Fix flexcontainer saving issues; fix size restore issues; close #1 and …

…#2

Container.js

@@ -17,8 +17,8 @@ class Container extends DraggableElement {
             }
         };
         this.key = "";
-        this.restoreSave();
         super._registerDom(this.dom);
+        this.restoreSave();
     }
 
     restoreSave(){

DraggableElement.js

@@ -236,6 +236,7 @@ class DraggableElement {
                         } else {
                             this.style.height = (e.clientY - sy + oh + 5) + "px";
                         }
+                        self._sizeReset = false;
                         self._w = this.offsetWidth;
                         self._h = this.offsetHeight;
                     } else {
@@ -336,6 +337,7 @@ class DraggableElement {
         this.dom.style.width = this.dom.style.height = null;
         this._w = this.dom.offsetWidth;
         this._h = this.dom.offsetHeight;
+        this._sizeReset = true;
     }
 
     getPosition() {

default-widgets.js

@@ -910,6 +910,17 @@ class USBCameraStream extends UnlinkedWidget {
         win.addField({ value: "fps", display: "FPS" }, "number", self.saveData.fps, cb);
     }
 
+    createContextMenu(menu){
+        var self = this;
+        menu.append(new gui.MenuItem({
+            label: "Reconnect",
+            click: function () {
+                clearTimeout(this.listenTimeout);
+                self.listen();
+            }
+        }));
+    }
+
     destroy(){
         this._destroyed = true;
         try {
@@ -926,6 +937,7 @@ class USBCameraStream extends UnlinkedWidget {
     }
 
     connError(err){
+        // todo: catch when an error happens because the robot suddenly disconnects. Currently that's not happening and the client sits there, not trying to reconnect
         console.error("USBCameraStream: ", err);
         this._img.src = "";
         if(err && err.message) this._img.alt = "Stream error: " + err.message;

index.css

@@ -550,8 +550,8 @@ input[type=checkbox].redgreen:checked {
     position: relative;
     top: 0px !important;
     left: 0px !important;
-    /*width: 100% !important;
-    height: 100% !important;*/
+    width: initial !important;
+    height: initial !important;
     margin: 0;
 }
 

launcher.html

@@ -26,6 +26,9 @@
             text-align: center;
             padding: 0;
             margin: 0;
+            user-select: none;
+            -webkit-user-select: none;
+            cursor: default;
         }
 
         h1 {