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

Transition popup screen is not showing up correctly in Jira 9.4.x

    • 9.04
    • 14
    • Severity 2 - Major
    • 141
    • Hide
      Atlassian Update – 10 July 2023

      Dear Customers,

      Thank you for taking the time to file and comment on this issue. 

      Upon examination, we have determined that this issue is exclusive to instances where Jira is accessed from the Windows Server OS, regardless of the browser you are using. Windows Server improperly provides screen height, which affects all tested browsers on the Windows Server.

      As Windows Server is primarily intended for hosting server applications rather than accommodating regular user interactions, we have made the decision to close this ticket.

      As a workaround, the browser can be minimized and maximized, or the browser window can be resized/moved. Then, the pop-up workflow issue screen will return to correct size. 

      Best regards,

      Konrad Plasota
      Jira DC Software Engineer

      Show
      Atlassian Update – 10 July 2023 Dear Customers, Thank you for taking the time to file and comment on this issue.  Upon examination, we have determined that this issue is exclusive to instances where Jira is accessed from the Windows Server OS, regardless of the browser you are using. Windows Server improperly provides screen height, which affects all tested browsers on the Windows Server. As Windows Server is primarily intended for hosting server applications rather than accommodating regular user interactions, we have made the decision to close this ticket. As a workaround, the browser can be minimized and maximized, or the browser window can be resized/moved. Then, the pop-up workflow issue screen will return to correct size.  Best regards, Konrad Plasota Jira DC Software Engineer

      Issue Summary

      This is reproducible on Data Center: (yes)

      Steps to Reproduce

      Scenario 1 - Windows Server

      1. Spin up an AWS instance such as Windows Server
      2. Connect to the instance using Microsoft Remote Desktop (VNC)
      3. Install Jira 9.4.2 on the instance
      4. Open web browsers such as Chrome or Edge.
      5. Access Jira.
      6. Create a sample Jira software project.
      7. Add a new screen and associate the screen with any workflow transition.
      8. Go to any issue screen and click on the issue workflow transition that has the new screen associated.

      Scenario 2 - Windows Home, Professional or Enterprise edition

      • (will be updating later for more information)

      Scenario 3

      1. Open a board (Kanban or Scrum) and navigate to the Active Sprints
      2. Drag the issue card to transition the issue and you will see a correct pop-up screen (sometimes works sometimes not):

      3. Click on the issue card to show the detailed issues view and the pop-up screen is not showing correctly:

      Expected Results

      The pop up workflow issue screen should be the same in Jira 8.x:

      Actual Results

      The pop up workflow issue screen is smaller compared to Jira 8.x:

      Workaround

      No workaround

      Notes

      • Accessing Jira in Windows Server: it occurs with all of the major browsers: Google Chrome, MS Edge, and Firefox.
      • Accessing Jira in Unix/Linux server (tested on Ubuntu and Fedora): it DID NOT OCCUR with any of the tested browsers: Firefox, Chromium, Google Chrome, MS Edge for Linux, all were fine

            [JRASERVER-74877] Transition popup screen is not showing up correctly in Jira 9.4.x

            Adding my comment from JRASERVER-74914


             Why is it acceptable to tell users that they should just resize their browser window or adjust the zoom in/out in order to fix the size of the transition pop up window? 

             Why is it acceptable to force users to develop a javascript hack to force a different size to the transition pop up window? 

             

            There have been 47 releases for Jira 9 since June 2022, https://www.atlassian.com/software/jira/update.

            This bug was clearly introduced in Jira 9 and is still clearly affecting all 9.x versions.

             Can we get an update? 

            Related issues that I found:

            Megan Makowiecka added a comment - Adding my comment from  JRASERVER-74914  Why is it acceptable to tell users that they should just resize their browser window or adjust the zoom in/out in order to fix the size of the transition pop up window?   Why is it acceptable to force users to develop a javascript hack to force a different size to the transition pop up window?    There have been  47 releases  for Jira 9 since June 2022,  https://www.atlassian.com/software/jira/update. This bug was clearly introduced in Jira 9 and is still clearly affecting  all  9.x versions.  Can we get an update?  Related issues that I found: JRASERVER-74877 JSDSERVER-12436 JRASERVER-74827 JRASERVER-76913 JRASERVER-75602

            @Christina Schlager

            If you don't use the announcement banner to actually display text, those lines hide the skinny banner. If you want the banner to display, don't add those lines.

            Maxime Boyer added a comment - @Christina Schlager If you don't use the announcement banner to actually display text, those lines hide the skinny banner. If you want the banner to display, don't add those lines.

            Christina Schlager added a comment - - edited

            Hi c864ce9cd21f

            Thank you for your workaround, it works great.

            However, I wonder why this part is necessary and whether it can be skipped: 

            <style>
                div#announcement-banner {
                      display: none;
                }
            </style> 

            Christina Schlager added a comment - - edited Hi c864ce9cd21f ,  Thank you for your workaround, it works great. However, I wonder why this part is necessary and whether it can be skipped:  <style> div#announcement-banner { display: none; } </style>

            Alexander Ashakov added a comment - - edited

            c864ce9cd21f,

            Works, but there's a one downside not related to the last change – subsequent reloads from Search form causes the page loading slowdown.

            Just enter some filter that returns a bunch of results in Search window using Detail view and click any issue multiple times (to reload the page). Each next load will slowdown. If this workaround is removed from Announcement Banner, it works fast as it should.

            I think it's due to setTimeout trigger reflows and multiple timeouts are being set. Or maybe we should add

            JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context, reason) {
            ...
            if (reason == JIRA.CONTENT_ADDED_REASON.dialogReady) {
            ...
            }
            

            additionally

            Adding reason == JIRA.CONTENT_ADDED_REASON.dialogReady helps in my case.

            Alexander Ashakov added a comment - - edited c864ce9cd21f , Works, but there's a one downside not related to the last change – subsequent reloads from Search form causes the page loading slowdown. Just enter some filter that returns a bunch of results in Search window using Detail view and click any issue multiple times (to reload the page). Each next load will slowdown. If this workaround is removed from Announcement Banner, it works fast as it should. I think it's due to setTimeout trigger reflows and multiple timeouts are being set. Or maybe we should add JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context, reason) { ... if (reason == JIRA.CONTENT_ADDED_REASON.dialogReady) { ... } additionally Adding reason == JIRA.CONTENT_ADDED_REASON.dialogReady helps in my case.

            Adam Labus added a comment -

            Hi @Alexander

            please check this script

            <style>
            div#announcement-banner {
                          display: none;
            }
            </style>
            <script>
            document.addEventListener("DOMContentLoaded", () => {
                var isWindows = navigator.platform.toUpperCase().indexOf('WIN') !== -1;
                         
                if(isWindows){
                    JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function () {
                        for (var i in [100, 300, 500]) {
                            setTimeout(function(){ adjustSize(); }, i);
                        }
                    });
                }
            });
            function adjustSize()
            {
                var formSelector = " form div.form-body"; 
                var height = AJS.$(window).height();
                AJS.$("div[id='edit-comment']" + formSelector).css("max-height", height+"px");
                AJS.$("div[id^=workflow]" + formSelector).css("max-height", height+"px");
                AJS.$("div#link-issue-dialog" + formSelector).css("max-height", height+"px");
             
                if(typeof(Event) === 'function'){
                    window.dispatchEvent(new Event('resize'));
                }else{
                    var evt = window.document.createEvent('UIEvents');
                    evt.initUIEvent('resize', true, false, window, 0);
                    window.dispatchEvent(evt);
                }
            }
            </script>
             

            Best Regards

            Adam Labus

            it.Lab Atlassian Marketplace

            Adam Labus added a comment - Hi @Alexander please check this script <style> div#announcement-banner { display: none; } </style> <script> document.addEventListener( "DOMContentLoaded" , () => { var isWindows = navigator.platform.toUpperCase().indexOf( 'WIN' ) !== -1; if (isWindows){ JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function () { for ( var i in [100, 300, 500]) { setTimeout(function(){ adjustSize(); }, i); } }); } }); function adjustSize() { var formSelector = " form div.form-body" ;   var height = AJS.$(window).height(); AJS.$( "div[id= 'edit-comment' ]" + formSelector).css( "max-height" , height+ "px" );   AJS.$( "div[id^=workflow]" + formSelector).css( "max-height" , height+ "px" ); AJS.$( "div#link-issue-dialog" + formSelector).css( "max-height" , height+ "px" ); if (typeof(Event) === 'function' ){ window.dispatchEvent( new Event( 'resize' )); } else { var evt = window.document.createEvent( 'UIEvents' ); evt.initUIEvent( 'resize' , true , false , window, 0); window.dispatchEvent(evt); } } </script>   Best Regards Adam Labus it.Lab Atlassian Marketplace

            c864ce9cd21f,

            Hi. Your workaround works great, but Edit Comment is affected too. JIRA 9.12.0 LTS. Can your workaround be implemented for it?

            Alexander Ashakov added a comment - c864ce9cd21f , Hi. Your workaround works great, but Edit Comment is affected too. JIRA 9.12.0 LTS. Can your workaround be implemented for it?

            Attila Katona added a comment - - edited

            Hey Atlassian, unfortunately attachments are not allowed here, but it does not seem to be properly fixed in 9.12.

            The transition screen is still a lot smaller than the Edit screen, for example.

            Attila Katona added a comment - - edited Hey Atlassian, unfortunately attachments are not allowed here, but it does not seem to be properly fixed in 9.12. The transition screen is still a lot smaller than the Edit screen, for example.

            Madalina Mutihac added a comment - - edited

            .

             

            Madalina Mutihac added a comment - - edited .  

            Hello, solution:
            "As a workaround, the browser can be minimized and maximized, or the browser window can be resized/moved. Then, the pop-up workflow issue screen will return to correct size. "

            should I resize browser on every transition and action in Jira ?  

            Richard Bariny added a comment - Hello, solution: "As a workaround, the browser can be minimized and maximized, or the browser window can be resized/moved. Then, the pop-up workflow issue screen will return to correct size. " should I resize browser on every transition and action in Jira ?  

            Thanks @Adam, works great! I wonder how many Jira admins were already saved by your script from user backlash, while this issue is still sitting on the "Long Term Backlog"...

            Attila Katona added a comment - Thanks @Adam, works great! I wonder how many Jira admins were already saved by your script from user backlash, while this issue is still sitting on the "Long Term Backlog"...

              adf6279094a2 Bilal Cinarli
              ckimloong John Chin
              Affected customers:
              41 This affects my team
              Watchers:
              51 Start watching this issue

                Created:
                Updated:
                Resolved: