Select-Only Combobox: Clicking the label does not focus the combobox

[silviuaavram]

Hello everyone!

A user of downshift useSelect hook asked about the lack of action when you click on the label corresponding to a select element. At the moment, the example for ARIA 1.2 performs no action when clicking the label.

https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/

Since Downshift follows the ARIA 1.2 pattern, we also don't perform any action when the label is clicked. However, should this behaviour be changed?

According to the MDN HTML <select>, when clicking the label, the select element is focused.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select

Should we also do the same and update the 1.2 pattern? Also, should we also add the htmlFor attribute again for the <label> pointing to the select?

Thank you very much and looking forward to your thoughts on this!

The issue we are tracking in downshift: downshift-js/downshift#1557

[css-meeting-bot]

The ARIA Authoring Practices (APG) Task Force just discussed [Select-Only Combobox] Clicking the label behaviour · Issue #2859 · w3c/aria-practices.

The full IRC log of that discussion

<jugglinmike> Subtopic: [Select-Only Combobox] Clicking the label behaviour · Issue #2859 · w3c/aria-practices
<jugglinmike> github: https://github.com//issues/2859
<jugglinmike> Matt_King: This is something I can't test
<jugglinmike> jugglinmike: I can reproduce the reported bug
<jugglinmike> Matt_King: Then I'll label the GitHub issue as a bug
<jongund> present +jongund
<jugglinmike> jongund: I can work on a fix

[mcking65]

@silviuaavram, thank you for raising this issue. The fix will be live in production on April 9.