Web Panel right side for JIRA Cloud plugin gets wrong height in Safari

[Jens Kisters //SeibertSolutions]

Hi,

we have an Cloud Plugin that defines a web panel like this:

panel.PNG

When this panel loads in Safari the height is not calculated correctly:

Safari.png

The summary panel on the right hand side is cut off.

The cause is that the iframe shown in the developer tools has a height of 40px.

JIRA somehow seems to determine this value dynamically, the source code for the iframe embedding delivered to the client just contains the 100% height-value:

<script class="ap-iframe-body-script" type="defer/javascript">
    (function () {
        var iFrameData = {
    "ns":"aptis.plugins.epicSumUp__aptis-esu-issue-panel",
    "key":"aptis.plugins.epicSumUp",
    "moduleKey":"aptis-esu-issue-panel",
    "cp":"",
    "uid":"j.kisters",
    "ukey":"j.kisters",
    "dlg":"",
    "simpleDlg":"",
    "general":"",
    "w":"100%",
    "h":"100%",
    "src":"https://plugins.aptis.info/epicSumUp/showIssuePanel?issueId=13303&tz=Europe%2FBerlin&loc=de-DE&user_id=j.kisters&user_key=j.kisters&xdm_e=https%3A%2F%2Faptisdev.atlassian.net&xdm_c=channel-aptis.plugins.epicSumUp__aptis-esu-issue-panel&cp=&xdm_deprecated_addon_key_do_not_use=aptis.plugins.epicSumUp&lic=active&cv=1.2.35&jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJqLmtpc3RlcnMiLCJxc2giOiI4ZmQzNDBhMDFkZTE0Nzc1YzdiNThlN2FlNmZjNGMxOWUxNTM3OGI3MWRmZDg1Zjg3MTkyYTc1YjY2NjViZTU2IiwiaXNzIjoiamlyYTo5ZjFhM2NkZi05NmU3LTQ3MTEtOWFhZS0xZjExMWZjNTQ2NzkiLCJjb250ZXh0Ijp7InVzZXIiOnsidXNlcktleSI6Imoua2lzdGVycyIsInVzZXJuYW1lIjoiai5raXN0ZXJzIiwiZGlzcGxheU5hbWUiOiJKZW5zIEtpc3RlcnMifX0sImV4cCI6MTQ5MDA4ODA5NiwiaWF0IjoxNDkwMDg3OTE2fQ.GeWPzmHjQ3XDMUh6ijDHuoIEOLm8QyqP2alA4xQP7uA",
    "productCtx":"{\"user.key\":\"j.kisters\",\"project.key\":\"IIP2\",\"project.id\":\"11002\",\"issue.id\":\"13303\",\"user.id\":\"j.kisters\",\"issue.key\":\"IIP2-1\",\"issuetype.id\":\"10000\"}",
    "timeZone":"Europe/Berlin",
    "addonOriginMap": {
                "is.origo.jira.tempo-plugin": "https://app.tempo.io"
                    ,
            "aptis.plugins.epicSumUp": "https://plugins.aptis.info/epicSumUp"
                    ,
            "io.tempo.jira": "https://app.tempo.io"
                    ,
            "com.cloudpipes.jira": "https://www.cloudpipes.com/hooks/jira/api"
        },
    "origin":"https://plugins.aptis.info"
};
        if(typeof AP === 'object') {
            //If we are a plugin frame
            AP.require('_create-inner-frame', function(createInnerFrame) {
                createInnerFrame(iFrameData);
            });
        } else {
            _AP.addonOriginMap = iFrameData.addonOriginMap || {};
            require(['connect-host', 'ac/cookie', 'ac/env', 'ac/inline-dialog', 'ac/dialog', 'ac/messages', 'ac/request', 'ac/history', 'ac/scrollPosition'], function(host){
                host.create(iFrameData);
            });
        }
    })();
</script>

When this runs in chrome the height is set to 77px which display correctly:

Chrome.PNG

How can we influence the height that is automatically calculated? (PH-132)

[Robert Massaioli _Atlassian_]

The Atlassian Developer community is transitioning to https://community.developer.atlassian.com/

Please ask your Atlassian development questions there instead.

(See the original announcement: https://groups.google.com/d/msg/atlassian-connect-dev/rqLiAk7PZIE/rIVogQBHBAAJ)