From 93b543e878459b81211cdb41269e2e4d36a4a74b Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Tue, 12 Jul 2016 11:13:15 -0300
Subject: [PATCH] disable mousewheel on numeric input fields

---
 public/views/walletHome.html    |  8 ++++----
 src/js/directives/directives.js | 13 +++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index cfbecd318..721471874 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -427,8 +427,8 @@
                     <span translate>Amount</span>
                   </label>
                   <div class="input">
-                    <input type="number" id="amount" ng-disabled=" home.lockAmount" name="amount" ng-attr-placeholder="{{'Amount in'|translate}} {{home.unitName}}" ng-model="_amount" valid-amount required autocomplete="off" ng-focus="home.formFocus('amount')" ng-blur="home.formFocus(false)">
-                    <input type="number" id="alternative"  name="alternative"  ng-model="_alternative" style="display:none">
+                    <input type="number" id="amount" ng-disabled=" home.lockAmount" name="amount" ng-attr-placeholder="{{'Amount in'|translate}} {{home.unitName}}" ng-model="_amount" valid-amount required autocomplete="off" ng-focus="home.formFocus('amount')" ng-blur="home.formFocus(false)" ignore-mouse-wheel>
+                    <input type="number" id="alternative"  name="alternative"  ng-model="_alternative" style="display:none" ignore-mouse-wheel>
                     <a class="postfix button" ng-style="{'background-color':index.backgroundColor}" ng-click="home.showAlternative()">{{home.unitName}}</a>
                   </div>
                 </div>
@@ -436,8 +436,8 @@
                   <label for="alternative"><span translate>Amount</span> [{{ home.alternativeIsoCode }}]
                   </label>
                   <div class="input">
-                    <input type="number" id="alternative" ng-disabled="!home.isRateAvailable || home.lockAmount" name="alternative" ng-attr-placeholder="{{'Amount in'|translate}} {{ home.alternativeName }}" ng-model="_alternative" required autocomplete="off" ng-focus="home.formFocus('amount')" ng-blur="home.formFocus(false)">
-                    <input type="number" id="amount" name="amount" ng-model="_amount" style="display:none">
+                    <input type="number" id="alternative" ng-disabled="!home.isRateAvailable || home.lockAmount" name="alternative" ng-attr-placeholder="{{'Amount in'|translate}} {{ home.alternativeName }}" ng-model="_alternative" required autocomplete="off" ng-focus="home.formFocus('amount')" ng-blur="home.formFocus(false)" ignore-mouse-wheel>
+                    <input type="number" id="amount" name="amount" ng-model="_amount" style="display:none" ignore-mouse-wheel>
                     <a class="postfix button black" ng-click="home.hideAlternative()"> {{ home.alternativeIsoCode }}</a>
                   </div>
                 </div>
diff --git a/src/js/directives/directives.js b/src/js/directives/directives.js
index 491cebf64..a73b74b5e 100644
--- a/src/js/directives/directives.js
+++ b/src/js/directives/directives.js
@@ -325,4 +325,17 @@ angular.module('copayApp.directives')
       replace: true,
       templateUrl: 'views/includes/available-balance.html'
     }
+  })
+  .directive('ignoreMouseWheel', function($rootScope, $timeout) {
+    return {
+      restrict: 'A',
+      link: function(scope, element, attrs) {
+        element.bind('mousewheel', function(event) {
+          element[0].blur();
+          $timeout(function() {
+            element[0].focus();
+          }, 1);
+        });
+      }
+    }
   });