Browse Source

Update accessible autocomplete

pull/2108/head
Kat 2 years ago committed by Kat
parent
commit
5f8f3cbb73
  1. 7
      app/frontend/controllers/accessible_autocomplete_controller.js
  2. 3
      app/views/form/_select_question.html.erb

7
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)
} )
}
}

3
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 %></option>
<%= question.answer_selected?(@log, answer) ? "selected" : "" %>><%= answer.name || answer.resource %></option>
<% end %>
<% end %>

Loading…
Cancel
Save