Issue Summary

On “Create a pull request page”, incorrect explicit association is observed for “Reviewers” field.

Steps to Reproduce

1. Navigate to “Pull request“ link present in left navigation pane.
2. Activate the above mentioned link.
3. Navigate to the “Create pull request“ button and activate it.
4. “Create request page“ will appear on the screen.
5. Inspect the code of mentioned form field and check that association done incorrectly.

Screenshot

Actual Results

The explicit association of the “for” and “id” attribute is done incorrectly for the mentioned input field. In case of incorrect explicit association, the element will not be compatible with screen reader software. Thus it will be difficult for screen reader users to interact with it effectively.

Expected Results

The label for mentioned field should get announced by screen reader software when the user navigates through it.

The value for “for” and “id” attribute should be same.

Code Snippet

<label id="reviewers-uid58-label" for="reviewers-uid58" class="css-1v4qttx">Reviewers</label>
<input autocapitalize="none" autocomplete="off" autocorrect="off" id="reviewers-uid58" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" value="" style="box-sizing: content-box; width: 2px; background: 0px center; border: 0px; font-size: inherit; opacity: 1; outline: 0px; padding: 0px; color: inherit;">

Environment

MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available