From 5c63b00eda14f1fb1aeb1fb7301c3bf5b4097e6c Mon Sep 17 00:00:00 2001
From: keegan-lillo <keegan@lillo.me>
Date: Fri, 11 Mar 2016 10:08:29 +1100
Subject: [PATCH] Make slider update value display as user is adjusting it

---
 src/scripts/components/slider.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/scripts/components/slider.js b/src/scripts/components/slider.js
index b183ae7..b80d6ab 100644
--- a/src/scripts/components/slider.js
+++ b/src/scripts/components/slider.js
@@ -18,6 +18,7 @@ module.exports = {
 
     var $value = self.$element.select('.value');
     var $valuePad = self.$element.select('.value-pad');
+    var $slider = self.$manipulatorTarget;
 
     /**
      * Sets the value display
@@ -29,14 +30,15 @@ module.exports = {
       $valuePad.set('innerHTML', value);
     }
 
-    var step = self.$manipulatorTarget.get('step');
+    var step = $slider.get('step');
     step = step.toString(10).split('.')[1];
     self.precision = step ? step.length : 0;
 
     self.on('change', setValueDisplay);
+    $slider.on('|input', setValueDisplay);
     setValueDisplay();
 
-    $value.on('|keyup', function() {
+    $value.on('|input', function() {
       $valuePad.set('innerHTML', this.get('value'));
     });