From e5953ab58460a90534900fc0207fa07c9596535e Mon Sep 17 00:00:00 2001
From: Manuel Kasper <mk@neon1.net>
Date: Mon, 20 Sep 2021 19:50:40 +0200
Subject: [PATCH] Attempt to fix frequency comma input problem in some locales

---
 src/components/EditSpot.vue       |  5 +++--
 src/components/FrequencyInput.vue | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/components/FrequencyInput.vue

diff --git a/src/components/EditSpot.vue b/src/components/EditSpot.vue
index f6d3d02..b18c16c 100644
--- a/src/components/EditSpot.vue
+++ b/src/components/EditSpot.vue
@@ -19,7 +19,7 @@
 
       <b-field label="Frequency" :message="maybeKhz ? 'Do you really mean ' + frequency + ' MHz, or are you missing a dot?' : ''" :type="maybeKhz ? 'is-warning' : ''">
         <b-field :type="maybeKhz ? 'is-warning' : ''">
-          <b-input v-model="frequency" type="number" inputmode="decimal" step="any" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required />
+          <FrequencyInput v-model="frequency" />
           <p class="control">
             <span class="button is-static">MHz</span>
           </p>
@@ -49,10 +49,11 @@ import utils from '../mixins/utils.js'
 import prefs from '../mixins/prefs.js'
 import sotawatch from '../mixins/sotawatch.js'
 import NearbySummitsList from './NearbySummitsList.vue'
+import FrequencyInput from './FrequencyInput.vue'
 
 export default {
   components: {
-    NearbySummitsList
+    NearbySummitsList, FrequencyInput
   },
   mixins: [utils, prefs, sotawatch],
   props: {
diff --git a/src/components/FrequencyInput.vue b/src/components/FrequencyInput.vue
new file mode 100644
index 0000000..f7427db
--- /dev/null
+++ b/src/components/FrequencyInput.vue
@@ -0,0 +1,23 @@
+<template>
+  <b-input :value="value" type="number" inputmode="decimal" lang="en_EN" step="any" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required @keydown.native="frequencyKeydown" @input="updateValue" />
+</template>
+
+<script>
+export default {
+  props: {
+    value: String
+  },
+  methods: {
+    updateValue (value) {
+      this.$emit('input', value)
+    },
+    frequencyKeydown (event) {
+      if (event.keyCode === 188) {
+        event.target.value += '.'
+        event.preventDefault()
+        return false
+      }
+    }
+  }
+}
+</script>