Race condition causes navigational header to disappear or appear incorrectly

Summary

In larger environments with lots of add-ons adding menu items to Jira's navigational menu the header menu can appear blank or the 'More" menu, which appears when the number of items exceeds the browser's width, is missing as depicted below:

While this is a transient issue ( happens randomly ) and a browser refresh resolves this problem it can occur multiple times a day for an individual

Environment

• Dozens of add-ons with quite a few adding menu items

Notes

Our findings to date:

• the menu initially loads with 0px width
• JavaScript should set the width to auto
• In case we don't see the menu, the value of width is not set to auto, and after manually setting it appears. We believe the JavaScript is not executed.
• The menu can load broken even if we see no errors in the console, so nothing obvious breaks it,
• Both our javascript and dev tools use mutation observers and it's impossible to debug
• So far we only have reports of this occurring in 7.2 and 7.3. A customer was not affected in 7.1 until they upgraded to 7.3

Workaround

Refreshing the browser window resolves this temporarily.

If refreshing the browser window doesn't solve the issue, use the following announcement banner as a workaround.

• Click on the Cog icon on the upper right corner in Jira, select System, Click on Go Announcement Banner on the left side, Enter Edit Announcement Banner page.
• Paste the following script into the announcement banner page:

      “<script type=“text/javascript”>
  jQuery(document).ready(function() {
  document.querySelector(“div.aui-header-primary”).querySelectorAll(“ul.aui-nav”).forEach(function(e) { if(e.style.width == 0){ e.style.width = “auto” } })
  console.log(“script done”)
  });
  </script>”