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

Issue header isn't fixed when scrolling

    XMLWordPrintable

    Details

      Description

      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>
      

        Attachments

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

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              fwillig Felipevsw (Inactive)
              Votes:
              111 Vote for this issue
              Watchers:
              85 Start watching this issue

                Dates

                Created:
                Updated: