Fix filter for negative and empty number input (#749)

* fix filter for negative and empty number input

* fix formatting

* add line to changelog

Author: miguel-s

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### NEXT RELEASE
 
 * _Contributing to this repo? Add info about your change here to be included in next release_
+* Fix: NaN displayed when filter input is empty or negative number (#749), thanks to [Miguel Serrrano](https://github.com/miguel-s)
 
 ### 1.1.0
 

src/components/BrowserFilter/FilterRow.react.js

@@ -49,7 +49,22 @@ function compareValue(info, value, onChangeCompareTo, active) {
     case 'Boolean':
       return <ChromeDropdown color={active ? 'blue' : 'purple'} value={value ? 'True' : 'False'} options={['True', 'False']} onChange={(val) => onChangeCompareTo(val === 'True')} />;
     case 'Number':
-      return <input type='text' value={value} onChange={(e) => onChangeCompareTo(validateNumeric(e.target.value) ? parseFloat(e.target.value) : (parseFloat(value) || ''))} />;
+      return (
+        <input
+          type='text'
+          value={value}
+          onChange={(e) => {
+            let val = value;
+            if (!e.target.value.length) {
+              val = '';
+            } else if (e.target.value.length === 1) {
+              val = validateNumeric(e.target.value) ? e.target.value : value;
+            } else {
+              val = validateNumeric(e.target.value) ? parseFloat(e.target.value) : value;
+            }
+            onChangeCompareTo(val);
+          }} />
+      );
     case 'Date':
       return (
         <DateTimeEntry