SectionStack with HtmlPane with setContentsURL results in js error

[SimonF]

Hi there,
We are having a weird problem with a HtmlPane with a loaded pdf and a SectionStack.

The problem occurs after we set do some calls on the sectionstack and on the vsible elements and afterwards we are setting the url to an pdf. (See in the gif "firststep"-button and "secondstep"-button).
After the second step there is also a js error in the console.
When resizing the window afterwards the error seems to corret itself and the display is correct again.

The important part ist, that the js-error and the layouting problem does not occur, if I open up the second sectionStack after the first step
See it here:


This happens in all current browsers with the latest nightly of SC 11.0 (SmartClient_v110p_2017-05-03_Pro).

Here is the code for repdocution:

function test1() {
    manageButton.enable();
    documentHtmlPane.setContentsURL();
    documentHtmlPane.setContents("testcontent3");
    var sectionStackSection = sectionStack.getSection("contentSectionStackSection");
    sectionStackSection.setProperty("title", "Note (empty)");
    sectionStackSection.redraw();
    sectionStack.collapseSection(1);
    var sectionStackSection = sectionStack.getSection("iframeSectionStackSection");
    sectionStackSection.setProperty("title", "no documents");
    sectionStackSection.redraw();
    sectionStack.expandSection(0);
    contentHtmlPane.setContents("text after first click");

}
function test2() {

    documentHtmlPane.setContentsURL();
    documentHtmlPane.setContents("after3");
    documentHtmlPane.setContentsURL('http://unec.edu.az/application/uploads/2014/12/pdf-sample.pdf');
    var sectionStackSection = sectionStack.getSection("contentSectionStackSection");
    sectionStackSection.setProperty("title", "Note");
    sectionStackSection.redraw();
    sectionStack.expandSection(1);
    var sectionStackSection = sectionStack.getSection("iframeSectionStackSection");
    sectionStackSection.setProperty("title", "1 document");
    sectionStackSection.redraw();
    sectionStack.expandSection(0);
    contentHtmlPane.setContents("text after second click");
}
isc.SectionStack.create({
    "ID": "sectionStack",
    "width": "100%",
    "height": "100%",
    "hideUsingDisplayNone": false,
    "leaveScrollbarGap": false,
    "visibilityMode": "multiple",
    "sections":
    [{
            "ID": "iframeSectionStackSection",
            "canCollapse": true,
            "expanded": true,
            "showHeader": true,
            "title": "Dokumente",
            "items":
            [isc.ToolStrip.create({
                    "width": "100%",
                    "hideUsingDisplayNone": false,
                    "layoutLeftMargin": 3,
                    "layoutRightMargin": 3,
                    "leaveScrollbarGap": false,
                    "members":
                    [isc.Button.create({
                            "ID": "manageButton",
                            "width": 200,
                            "disabled": true,
                            "prompt": "Manage",
                            "hoverDelay": 1200,
                            "hideUsingDisplayNone": false,
                            "title": "Manage",
                            "hiliteAccessKey": true,
                            "showDisabledIcon": false
                        })
                    ]
                }),
                isc.HTMLPane.create({
                    "ID": "documentHtmlPane",
                    "width": "100%",
                    "height": "100%",
                    "backgroundColor": "#009999",
                    "visibility": "hidden",
                    "hideUsingDisplayNone": false,
                    "contentsType": "page",
                    "contentsURL": "",
                    "loadingMessage": "Dokument wird geladen"
                })
            ]
        }, {
            "ID": "contentSectionStackSection",
            "canCollapse": true,
            "expanded": true,
            "showHeader": true,
            "items":
            [isc.HTMLPane.create({
                    "ID": "contentHtmlPane",
                    "width": "100%",
                    "height": "100%",
                    "backgroundColor": "#990099",
                    "contents": "",
                    "hideUsingDisplayNone": false,
                })
            ]
        }
    ],
    "members":
    []
});

isc.Button.create({
    "ID": "testButton",
    top: 0,
    left: 150,
    "title": "firststep",
    backgroundColor: "#FF0000",
    "width": 150,
    "click": function () {
        test1()
    }
});
isc.Button.create({
    "ID": "testButton2",
    right: 0,
    left: 300,
    "title": "secondstep",
    backgroundColor: "#FF0000",
    "width": 150,
    "click": function () {
        test2()
    }
});

Kind regards

[Isomorphic]

We see the issue and will look at a fix shortly - in the meantime, you can fix the problem in method test2(), by collapsing section 0 before expanding it (it's already expanded, so collapsing it first forces the appropriate draws).

[Isomorphic]

This has been fixed for builds dated May 6 and later - note that you shouldn't need to redraw() anything in your testX() methods.

[SimonF]

Thanks, it's working now.