From b12949ee98e719376e3a331b70d412cc6fc9d01b Mon Sep 17 00:00:00 2001
From: Ingvar Stepanyan <rreverser@google.com>
Date: Thu, 15 Jul 2021 11:56:38 +0000
Subject: [PATCH] Fix numeric values

---
 ui.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui.js b/ui.js
index 339f59d..9922a04 100644
--- a/ui.js
+++ b/ui.js
@@ -59,12 +59,16 @@ class ConfigComponent extends Component {
     return !(this.state.inProgress && nextState.inProgress);
   }
 
-  getValueProp() {
+  getValueProp(out = false) {
     switch (this.props.config.type) {
       case 'toggle':
         return 'checked';
       case 'datetime':
         return 'valueAsNumber';
+      case 'range':
+        // Apparently can't render with `valueAsNumber` as preact property,
+        // but can retrieve it back.
+        return out ? 'valueAsNumber' : 'value';
       default:
         return 'value';
     }
@@ -73,7 +77,7 @@ class ConfigComponent extends Component {
   handleChange = async e => {
     this.setState({ inProgress: true });
 
-    let value = e.target[this.getValueProp()];
+    let value = e.target[this.getValueProp(true)];
 
     try {
       /** @type {Promise<void>} */