Merge pull request #263 from Breeding-Insight/bug/BI-1585

BI-1585 - TAF - Set proper id for "Choose ontology to subscribe to:" drop-down
Breeding-Insight · Oct 7, 2022 · 4770769 · 4770769
2 parents 1527fb3 + 776cdff
commit 4770769
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/forms/BasicInputField.vue b/src/components/forms/BasicInputField.vue
@@ -24,7 +24,7 @@
     v-bind:server-validations="serverValidations"
   >
     <input
-        v-bind:id="inputId ? inputId : fieldName.split(' ').join('-')"
+        v-bind:id="inputId ? inputId : fieldName.split(' ').join('-').replace(/[^a-zA-Z0-9\-]/gm, '')"
         v-bind:value="value"
         @input="$emit('input', $event.target.value)"
         class="input"

diff --git a/src/components/forms/BasicSelectField.vue b/src/components/forms/BasicSelectField.vue
@@ -25,7 +25,7 @@
   >
     <div class="select is-fullwidth">
       <select
-          v-bind:id="fieldName.replace(' ', '-')"
+          v-bind:id="fieldName.split(' ').join('-').replace(/[^a-zA-Z0-9\-]/gm, '')"
           v-on:change="$emit('input', $event.target.value)"
           class="select is-fullwidth"
           v-bind:disabled="isDisabled"