diff --git a/app/frontend/controllers/accessible_autocomplete_controller.js b/app/frontend/controllers/accessible_autocomplete_controller.js index 3e19c4c9e..5801dbcf9 100644 --- a/app/frontend/controllers/accessible_autocomplete_controller.js +++ b/app/frontend/controllers/accessible_autocomplete_controller.js @@ -32,5 +32,12 @@ export default class extends Controller { if (selectedOption) selectedOption.selected = true } }) + + const parentElement = selectEl.parentElement + const inputElement = parentElement.querySelector('[role=combobox]') + + inputElement.addEventListener("input", () => { + selectOptions.forEach((option) => option.selected = false) + } ) } } diff --git a/app/views/form/_select_question.html.erb b/app/views/form/_select_question.html.erb index da44ba845..ca90a1e4e 100644 --- a/app/views/form/_select_question.html.erb +++ b/app/views/form/_select_question.html.erb @@ -13,8 +13,7 @@ data-synonyms="<%= answer_option_synonyms(answer.resource) %>" data-append="<%= answer_option_append(answer.resource) %>" data-hint="<%= answer_option_hint(answer.resource) %>" - <%= question.answer_selected?(@log, answer) ? "selected" : "" %> - <%= answer.id == "" ? "disabled" : "" %>><%= answer.name || answer.resource %> + <%= question.answer_selected?(@log, answer) ? "selected" : "" %>><%= answer.name || answer.resource %> <% end %> <% end %>