Hidden "Attach Screenshot" option in "More" menu breaks keyboard navigation

XMLWordPrintable

    • 8.05
    • 1
    • Severity 3 - Minor

      Issue Summary

      When a user attempts to traverse the 'More' menu in the Issue View using keyboard navigation, they cannot select options below/after 'Attach Files.'

      Additional Details

      At some point, the Attach Screenshot option was hidden in the 'More' menu of the Issue View. Upon further research, we find that this option appears tied to the 'Attach screenshot to this issue (show-attach-screenshot-popup-button)' module in the Jira Drag and Drop Attachment Plugin. If this specific module is disabled, keyboard navigation past the 'Attach Files' option works.

      Steps to Reproduce

      1. Browse to the Issue View of any JIRA issue.
      2. Use the Tab key to navigate to and select the 'More' menu.
      3. Use the Down Arrow key to attempt to navigate to an option in the list below 'Attach Files.'

      Expected Results

      You should be able to reach and select an option like 'Add vote,' 'Create sub-task,' etc. using your keyboard.

      Actual Results

      The options below 'Attach files' are inaccessible via keyboard navigation.

      Workaround

      Option 1

      Disable the 'Attach screenshot to this issue (show-attach-screenshot-popup-button)' module under the Jira Drag and Drop Attachment Plugin in the JIRA Administration (cog icon) -> Manage apps tab -> Manage apps page.
      You will need to filter by 'System' plugins in order to find it; as this is a built-in Atlassian plugin.
      This could limit endusers' options for uploading attachments easily (i.e., through drag-and-drop).

      Option 2

      A customization to override this behavior has been identified using the Scriptrunner plugin:

      1. Navigate to Manage Apps -> Script Runner -> Script Fragments
      2. Click on Create Script Fragment and select Show a Web Panel
      3. Select atl.jira.view.issue.right.context and enter the following code to the Provider class / script section:
        writer.write("<script>\$('#attach-screenshot-html5').attr('hidden','true'); JIRA.bind(JIRA.Events.ISSUE_REFRESHED, function (e, context, reason) { \$('#attach-screenshot-html5').attr('hidden','true');});</script>") 
      4. Click save.

      This resolves the navigation issue without impacting endusers' ability to drag-and-drop attachments.

            Assignee:
            Unassigned
            Reporter:
            ASweeten (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: