From b94ff75f35f6bff9fd4a44bf1a0569cedb1a8e39 Mon Sep 17 00:00:00 2001
From: Dennis Markgraf <dennis@nerdindustries.com>
Date: Sat, 19 Jul 2014 14:15:35 +0200
Subject: [PATCH] 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    | 6 ++++--
 src/dat/controllers/NumberControllerSlider.js | 4 +++-
 src/dat/gui/style.css                         | 3 ++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/dat/controllers/NumberControllerBox.js b/src/dat/controllers/NumberControllerBox.js
index 6ae574d..a6dd97f 100644
--- a/src/dat/controllers/NumberControllerBox.js
+++ b/src/dat/controllers/NumberControllerBox.js
@@ -85,7 +85,9 @@ 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);
         }
diff --git a/src/dat/controllers/NumberControllerSlider.js b/src/dat/controllers/NumberControllerSlider.js
index 6794008..0de5c93 100644
--- a/src/dat/controllers/NumberControllerSlider.js
+++ b/src/dat/controllers/NumberControllerSlider.js
@@ -55,7 +55,9 @@ function(NumberController, dom, css, common, styleSheet) {
     dom.addClass(this.__foreground, 'slider-fg');
 
     function onMouseDown(e) {
-
+      
+      document.activeElement.blur();
+      
       dom.bind(window, 'mousemove', onMouseDrag);
       dom.bind(window, 'mouseup', onMouseUp);
 
diff --git a/src/dat/gui/style.css b/src/dat/gui/style.css
index e53790d..5d7a400 100644
--- a/src/dat/gui/style.css
+++ b/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 {