Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-68727

Confluence top menu bar overlaps Jira issue collector when using Prominent style

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Low Low
    • None
    • 7.12.2, 7.12.5, 7.13.0, 7.19.9
    • Integrations - Jira
    • None

      Problem

      When attaching the Jira issue collector to newer versions of Confluence, the top menu bar overlaps the Jira widget that becomes invisible on the page.
      You can see the widget again if you can scroll the page down or if the administrator access banner is present on top of the page.

      Environment

      Newer versions of Confluence (7.12 and 7.13).
      Version 7.4.9 is not affected.
      On Confluence 7.19 all styles appears to be affected.

      Steps to Reproduce

      1. Create a Jira issue collector with the Prominent style and copy the snippet to embed it on other sites.
      2. Add it to Confluence:
      • Go to  > General Configuration > Custom HTML.
      • Click edit and add the snippet at the "At end of the BODY" section.
      • Save

      Expected Results

      The Jira issue collector will be visible all the time.

      Actual Results

      The Jira issue collector is hidden behind the Confluence top menu bar



       

      Workaround

      As this bug is only reproducible with the Prominent style, if you choose any other style you will not be affected.
      It is possible to edit the Global Stylesheet to give higher priority to this widget over the top menu bar.

      1. Go to  > General Configuration > Stylesheet
      2. Click edit
      3. Add the following
        .atlwdg-trigger.atlwdg-TOP {
        z-index: 100 !important;
        position:fixed;
        }
      4. Save

       Please note that the custom global stylesheet will not be applied to spaces that define their own custom stylesheet or are using a theme.
      This workaround will fix the snippets on all spaces but not on the Global Configuration screen.

      Notes

        1. image-2021-08-24-16-30-03-434.png
          1.09 MB
          Diego Patrignani
        2. image-2021-08-24-16-32-03-127.png
          30 kB
          Diego Patrignani
        3. image-2021-08-24-16-32-36-467.png
          21 kB
          Diego Patrignani
        4. image-2021-08-24-16-33-43-956.png
          14 kB
          Diego Patrignani
        5. image-2021-08-24-16-36-08-319.png
          166 kB
          Diego Patrignani
        6. image-2021-08-24-16-36-23-709.png
          179 kB
          Diego Patrignani
        7. image-2021-08-24-16-36-38-630.png
          212 kB
          Diego Patrignani

            [CONFSERVER-68727] Confluence top menu bar overlaps Jira issue collector when using Prominent style

            SET Analytics Bot made changes -
            Support reference count Original: 13 New: 14
            SET Analytics Bot made changes -
            UIS Original: 7 New: 3
            SET Analytics Bot made changes -
            UIS Original: 6 New: 7
            SET Analytics Bot made changes -
            UIS Original: 3 New: 6
            SET Analytics Bot made changes -
            Support reference count Original: 12 New: 13
            Filipe Rodrigues made changes -
            Affects Version/s New: 7.19.9 [ 104746 ]
            Filipe Rodrigues made changes -
            Description Original: h3. Problem

            When attaching the Jira issue collector to newer versions of Confluence, the top menu bar overlaps the Jira widget that becomes invisible on the page.
             You can see the widget again if you can scroll the page down or if the administrator access banner is present on top of the page.
            h3. Environment

            Newer versions of Confluence (7.12 and 7.13).
             Version 7.4.9 is not affected.
            h3. Steps to Reproduce
             # Create a [Jira issue collector|https://support.atlassian.com/jira-cloud-administration/docs/use-the-issue-collector/] with the Prominent style and copy the snippet to embed it on other sites.
             # Add it to Confluence:

             * Go to !https://confluence.atlassian.com/doc/files/747833194/747833195/2/1517274813281/cog.png|width=16!  > *General Configuration* > *Custom HTML*.
             * Click *edit* and add the snippet at the "At end of the BODY" section.
             * Save

            h3. Expected Results

            The Jira issue collector will be visible all the time.
             !image-2021-08-24-16-30-03-434.png|width=327,height=131!
            h3. Actual Results

            The Jira issue collector is hidden behind the Confluence top menu bar
            !image-2021-08-24-16-36-08-319.png|width=327,height=131!
            !image-2021-08-24-16-36-23-709.png|width=327,height=131!
            !image-2021-08-24-16-36-38-630.png|width=327,height=131!
              
            h3. Workaround

            As this bug is only reproducible with the Prominent style, if you choose any other style you will not be affected.
             It is possible to edit the Global Stylesheet to give higher priority to this widget over the top menu bar.
             # Go to !https://confluence.atlassian.com/doc/files/747833194/747833195/2/1517274813281/cog.png|width=16!  > *General Configuration* > *Stylesheet*
             # Click edit
             # Add the following
            {code:java}
            .atlwdg-trigger.atlwdg-TOP {
            z-index: 100 !important;
            position:fixed;
            }{code}
            # Save

            (on) Please note that the custom global stylesheet will not be applied to spaces that define their own custom stylesheet or are using a theme.
             (i) This workaround will fix the snippets on all spaces but not on the Global Configuration screen.
            h3. Notes
            New: h3. Problem

            When attaching the Jira issue collector to newer versions of Confluence, the top menu bar overlaps the Jira widget that becomes invisible on the page.
             You can see the widget again if you can scroll the page down or if the administrator access banner is present on top of the page.
            h3. Environment

            Newer versions of Confluence (7.12 and 7.13).
             Version 7.4.9 is not affected.
            On Confluence 7.19 all styles appears to be affected.
            h3. Steps to Reproduce
             # Create a [Jira issue collector|https://support.atlassian.com/jira-cloud-administration/docs/use-the-issue-collector/] with the Prominent style and copy the snippet to embed it on other sites.
             # Add it to Confluence:

             * Go to !https://confluence.atlassian.com/doc/files/747833194/747833195/2/1517274813281/cog.png|width=16!  > *General Configuration* > *Custom HTML*.
             * Click *edit* and add the snippet at the "At end of the BODY" section.
             * Save

            h3. Expected Results

            The Jira issue collector will be visible all the time.
             !image-2021-08-24-16-30-03-434.png|width=327,height=131!
            h3. Actual Results

            The Jira issue collector is hidden behind the Confluence top menu bar
            !image-2021-08-24-16-36-08-319.png|width=327,height=131!
            !image-2021-08-24-16-36-23-709.png|width=327,height=131!
            !image-2021-08-24-16-36-38-630.png|width=327,height=131!
              
            h3. Workaround

            As this bug is only reproducible with the Prominent style, if you choose any other style you will not be affected.
             It is possible to edit the Global Stylesheet to give higher priority to this widget over the top menu bar.
             # Go to !https://confluence.atlassian.com/doc/files/747833194/747833195/2/1517274813281/cog.png|width=16!  > *General Configuration* > *Stylesheet*
             # Click edit
             # Add the following
            {code:java}
            .atlwdg-trigger.atlwdg-TOP {
            z-index: 100 !important;
            position:fixed;
            }{code}
            # Save

            (on) Please note that the custom global stylesheet will not be applied to spaces that define their own custom stylesheet or are using a theme.
             (i) This workaround will fix the snippets on all spaces but not on the Global Configuration screen.
            h3. Notes
            SET Analytics Bot made changes -
            Support reference count Original: 11 New: 12
            SET Analytics Bot made changes -
            UIS Original: 11 New: 3
            SET Analytics Bot made changes -
            UIS Original: 14 New: 11

              Unassigned Unassigned
              0bd1ffc21241 Diego Patrignani
              Affected customers:
              9 This affects my team
              Watchers:
              12 Start watching this issue

                Created:
                Updated: