A webPanel loaded for the first time is half hidden outside the browser window while the “Enhanced Jira board” feature is enabled

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      With "Enhanced board view" enabled. The first time a connect app webPanel is loaded. It doesn't fully render within the browser window.
      About half of it is outside the visible window. This only happens the first time (after app installation) the webpanel is loaded. Successively opening the webpanel works as expected with the full panel visible.

      Steps to Reproduce

      1. create a connect app. with ACSB
        mvn archetype:generate -DarchetypeGroupId=com.atlassian.connect -DarchetypeArtifactId=atlassian-connect-spring-boot-archetype -DarchetypeVersion=3.0.9
        
      2. Add a webPanels module in manifest.yml
        "modules": {
            "webSections": [
              {
                "key": "board-links",
                "location": "jira.agile.board.tools",
                "weight": 10,
                "name": {
                  "value": "My board app"
                }
              }
            ],
            "webPanels": [
              {
                "key": "my-web-panel",
                "url": "/helloworld2.html",
                "location": "board-links",
                "name": {
                  "value": "My Web Panel"
                },
                "layout": {
                  "width": "445px",
                  "height": "260px"
                }
              }
            ]
          }
        
        
      3. Add helloworld2.html to src/main/resources/static
        <!DOCTYPE html>
        <html lang="en">
           <head>
               <script src="https://connect-cdn.atl-paas.net/all.js" data-options="sizeToParent:true;"></script>
               <link rel="stylesheet" href="https://unpkg.com/@atlaskit/css-reset@2.0.0/dist/bundle.css" media="all">
           </head>
           <body>
               <section id="content" class="ac-content">
                   <h1 style="width: 445px;height: 260px">Hello World 2</h1>
               </section>
           </body>
        </html>
        
      4. Install the connect app
      5. load it for the first time in a Jira board (With "Enhanced board view" enabled)

      Expected Results

      The webpanel should be fully visible in the browser window.

      Actual Results

      The webpanel is partially visible, with about 50% of the window outside the visible window.

      Workaround

      This only happens the very first time a webpanel is opened. Closing and opening the webpanel will render it properly the next time.

        1. wepanel.png
          319 kB
          Nashid Farhad

              Assignee:
              Unassigned
              Reporter:
              Nashid Farhad
              Votes:
              1 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: