Issue Summary

The label is not provided to the form fields which is present in the table section.

Steps to Reproduce

1. Navigate to "Plans" dropdown and activate any plan.
2. Navigate to the table.
3. Hover on the coloured bars present in the table.
4. Activate the "+" icon and check that some content gets updated.
5. Inspect the code and check that label is missing for the form field.

Screenshot

Actual Results

The label for "Is blocked by" and "Blocks" dropdown that becomes available when we hover on the particular date range present in front of issues does not have a label programmatically. As a result, screen reader users will not identify the purpose of the form fields.

Expected Results

Provide aria-label for the mentioned form field. Ensure that the label is being announced appropriately.

Note: Provide suitable label, before implementing the changes please confirm with content design team.

Code Snippet

<input aria-label="Issue blocked by" id="react-select-280-input" readonly="" tabindex="0" class="css-gj7qu5-dummyInput" value="">

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3