almost warking ui select element

app/components/commander/index.js

@@ -132,6 +132,7 @@ export default class CommanderComponent extends Component {
 
   @action
   openNewFolderModal() {
+    console.log('on new folder');
     this.show_new_folder_modal = true;
   }
 

app/modifiers/ui_select.js

@@ -117,22 +117,22 @@ export default class UISelectModifier extends Modifier {
 
   @action
   onMouseMove(event) {
-    if (this.ui_select) {
+    if (!event.buttons) {
+      this.remove_div();
+    } else if (this.ui_select) {
       this.ui_select.update(event.clientX, event.clientY);
     }
   }
 
   @action
   onMouseUp() {
-    if (this.ui_select) {
-      this.ui_select.remove_div();
-      this.ui_select = undefined;
-    }
+    console.log('mouse up');
+    this.remove_div();
   }
 
   @action
   onMouseDown(event) {
-
+    console.log('mouse down');
     this.ui_select = new UISelect(
       this.element,
       event.clientX,
@@ -141,4 +141,11 @@ export default class UISelectModifier extends Modifier {
 
     this.ui_select.create_div();
   }
+
+  remove_div() {
+    if (this.ui_select) {
+      this.ui_select.remove_div();
+      this.ui_select = undefined;
+    }
+  }
 }
\ No newline at end of file