From bc193c834c283c249f2bf657abe50f258ff45fd8 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Wed, 28 Apr 2021 23:03:03 +0200
Subject: [PATCH] use a number display to avoid wrong input and support locales

---
 htdocs/css/openwebrx.css       | 7 +++++++
 htdocs/lib/FrequencyDisplay.js | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 34e46e6..e6e2c6e 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -357,6 +357,13 @@ input[type=range]:disabled {
     flex: 1 0 auto;
     margin-right: 0;
     border-right: 1px solid #373737;
+    -moz-appearance: textfield;
+}
+
+.webrx-actual-freq .input-group input::-webkit-outer-spin-button,
+.webrx-actual-freq .input-group input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
 }
 
 .input-group > :not(:last-child) {
diff --git a/htdocs/lib/FrequencyDisplay.js b/htdocs/lib/FrequencyDisplay.js
index 85db110..b24ebca 100644
--- a/htdocs/lib/FrequencyDisplay.js
+++ b/htdocs/lib/FrequencyDisplay.js
@@ -76,7 +76,7 @@ TuneableFrequencyDisplay.prototype = new FrequencyDisplay();
 
 TuneableFrequencyDisplay.prototype.setupElements = function() {
     FrequencyDisplay.prototype.setupElements.call(this);
-    this.input = $('<input>');
+    this.input = $('<input type="number" step="any">');
     this.suffixInput = $('<select tabindex="-1">');
     this.suffixInput.append($.map(this.suffixes, function(e, p) {
         return $('<option value="' + e + '">' + p + 'Hz</option>');