Missing label for resultsList

[binarious]

• [x] Describe the bug

axe throws the following error:

ARIA input fields must have an accessible name

The node:

<ul id="autoComplete_list_2" role="listbox" hidden=""></ul>

• [x] To Reproduce Run axe on an autocomplete element.

• [x] Expected behavior axe shouldn't throw an error/the listbox should have a label.

[binarious]

Workaround 1:

new autoComplete({
  resultsList: {
    element: (list, data) => list.setAttribute('aria-label', 'My Label');
  }
});

Still results in axe errors, because this only gets executed and added on focus.

Workaround/hack 2:

// after new autoComplete
const unlabelledListbox = document.querySelector('ul[role="listbox"]:not([aria-label])');
if (unlabelledListbox) {
  unlabelledListbox.setAttribute('aria-label', 'My Label');
}