From bc292a66e63978ef74fec23a4d812bf7c283fe5f Mon Sep 17 00:00:00 2001
From: Pedro <ptsmonteiro@gmail.com>
Date: Wed, 1 Nov 2023 17:12:08 +0100
Subject: [PATCH] Display radio model name on hamlib radio model settings

---
 gui/src/components/settings_hamlib.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/gui/src/components/settings_hamlib.vue b/gui/src/components/settings_hamlib.vue
index 5ed01765..10958a99 100644
--- a/gui/src/components/settings_hamlib.vue
+++ b/gui/src/components/settings_hamlib.vue
@@ -72,16 +72,13 @@ function saveSettings() {
   <hr class="m-2" />
   <div class="input-group input-group-sm mb-1">
     <span class="input-group-text" style="width: 180px"> Radio model </span>
-    <input
-      class="form-control"
-      list="datalistOptions"
+    <select
+      class="form-select form-select-sm"
+      aria-label=".form-select-sm"
       id="hamlib_deviceid"
-      placeholder="Search radio..."
-      style="width: 7rem"
       @change="saveSettings"
       v-model="settings.hamlib_deviceid"
-    />
-    <datalist id="datalistOptions">
+    >
       <option selected value="-- ignore --">-- ignore --</option>
       <option value="2028">Kenwood TS480</option>
       <option value="1">Hamlib Dummy</option>
@@ -345,7 +342,7 @@ function saveSettings() {
       <option value="32001">Barrett 2050</option>
       <option value="32002">Barrett 950</option>
       <option value="33001">ELAD FDM-DUO</option>
-    </datalist>
+    </select>
   </div>
 
   <div class="input-group input-group-sm mb-1">