Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-60118

Issue header isn't fixed when scrolling

XMLWordPrintable

    • 7.01
    • 20
    • Severity 3 - Minor
    • 79
    • Hide
      Atlassian Update – 13 June 2023

      Hi everyone,

      Thank you for taking the time to file and comment on this issue. We've reviewed it and agreed it’s a high priority for us to resolve. Our engineers have already started working on the issue.

      Please continue watching this ticket for future updates and changes in the timeline that may impact your work.

      Show
      Atlassian Update – 13 June 2023 Hi everyone, Thank you for taking the time to file and comment on this issue. We've reviewed it and agreed it’s a high priority for us to resolve. Our engineers have already started working on the issue. Please continue watching this ticket for future updates and changes in the timeline that may impact your work.

      NOTE: This bug report is for JIRA Server. Using JIRA Cloud? See the corresponding bug report.

      Summary

      When viewing an issue from the project view, scrolling the issue down won't maintain its header fixed.
      Alternatively, when opening an issue from top panel Issues>Issue key and scrolling, the summary header will also not be fixed on this instance.

      Steps to Reproduce

      1. Access a project from Projects menu (top bar)
      2. Click Issues on the left (project navigation)
      3. Select one of the listed issues
      4. Scroll the issue down

      or

      1. Click on top bar Issues>Issuekey to open an issue
      2. Once the issue opens, scroll down

      or

      1. Navigate to Issue Navigator and search for issues
      2. Right click and open an issue in a new tab
      3. Scroll the issue down

      Expected Results

      While scrolling the issue down the header of the issue, containing the summary and buttons, should stay fixed.

      Actual Results

      The header scrolls up.

      Notes

      See attached screenshot for element inspection
      Fixed header:

      Not fixed:

      Workaround

      Workaround 1

      Access the results from the Issue Navigator (i.e View the issue navigator results in 'List view') and then click on the issue key. DO NOT do a right click>open in a new window.

       Alternatively, access an issue using this URL format:

      <Base_URL>/browse/<Issue_Key>?jql=

      Example: https://jira.atlassian.com/browse/JRASERVER-60118?jql=

      Workaround 2

      Add the following script to the Jira's Announcement Banner:

      <style>
          #header {
              position: fixed;
              top: 0px;
              left: 0px;
              width: 100%;
              z-index: 1000;
          }
          .aui-header { z-index: 1001; }
      </style>
       
      <script type="text/javascript">
          AJS.toInit(function() {
              AJS.$("#content").css("top", AJS.$("#header").height());
              AJS.$("#stalker").css("padding-top", AJS.$("#header").height());
          });
      </script>
      

        1. Header Fixed.png
          Header Fixed.png
          858 kB
        2. Header Not Fixed.png
          Header Not Fixed.png
          899 kB

              4e432536cf93 Karol Skwierawski
              fwillig Felipevsw (Inactive)
              Votes:
              128 Vote for this issue
              Watchers:
              95 Start watching this issue

                Created:
                Updated:
                Resolved: