Number Controllers Improvements

adds the ability to change the value in the Number box while the
controller is listening via .listen().

Prevents the slider bar from being wider than than 100%.

src/dat/controllers/NumberControllerBox.js

@@ -86,6 +86,8 @@ define([
 
     function onMouseDrag(e) {
       
+      document.activeElement.blur();
+      
       var diff = prev_y - e.clientY;
       _this.setValue(_this.getValue() + diff * _this.__impliedStep);
 
@@ -114,7 +116,7 @@ define([
       {
 
         updateDisplay: function() {
-
+          if (dom.isActive(this.__input)) return;
           this.__input.value = this.__truncationSuspended ? this.getValue() : roundToDecimal(this.getValue(), this.__precision);
           return NumberControllerBox.superclass.prototype.updateDisplay.call(this);
         }

src/dat/controllers/NumberControllerSlider.js

@@ -56,6 +56,8 @@ function(NumberController, dom, css, common, styleSheet) {
 
     function onMouseDown(e) {
       
+      document.activeElement.blur();
+      
       dom.bind(window, 'mousemove', onMouseDrag);
       dom.bind(window, 'mouseup', onMouseUp);
 

src/dat/gui/style.css

@@ -273,7 +273,8 @@
     background: #303030;
     cursor: ew-resize; }
   .dg .c .slider-fg {
-    background: #2fa1d6; }
+    background: #2fa1d6;
+    max-width: 100%; }
   .dg .c .slider:hover {
     background: #3c3c3c; }
     .dg .c .slider:hover .slider-fg {