Issue Summary

The text "Waiting for approval" receives keyboard focus twice.

Steps to Reproduce

1. Navigate to the header section.Using "Tab" key, navigate to the "Issue" dropdown.
2. Navigate to any of the issue as "JSM-1 What am ilooking at?" and activate it.
3. Observe that "View issue in queue view & comments" page has been appeared on the screen.
4. Navigate to the mentioned button in the main content area.
5. Navigate to "Waiting for approval" text using tab key.
6. Observe that the non-interactive text receives keyboard focus twice.

Screenshot

Screen Recording

Screen Recording 2024-12-20 at 1.46.34 PM.mov

Actual Results

Non-interactive <span> tag containing the "Waiting for approval" text receives keyboard focus twice  as the tabindex attribute is incorrectly specified for the mentioned parent tag.
This resulted in keyboard only users having to tab pass an additional tab stop while navigating between the page content.

Expected Results

Elements that are not interactive should not receive keyboard focus. Remove the 'tabindex' attribute from the parent <span> element of the non-interactive element.

Code example:

<span>
<span class=" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-default  jira-issue-status-lozenge-max-width-medium" data-tooltip="<span class=&quot;jira-issue-status-tooltip-title&quot;>Waiting for approval</span>" tabindex="0"aria-describedby="aui-tooltip">Waiting for approval</span>
</span> 

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 118.1.1 (19619.2.8.111.7)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest

Workaround

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