#StackBounty: #javascript #layout #golden-layout Proper way to catch resize events for a pane in GoldenLayout

Bounty: 100

I want to taken an action in one pane (i.e. a container content item) when a resize event occurs (whether resizing the panes, the whole browser, or zoom). The below works, but… if I then drag around the panes, even go from left-right, to right-left, or top-bottom, it stops working.

I’m assuming re-arranging panes resets something, and there is a proper way to get a persistent event handler. But I cannot work it out from the docs.

myLayout.on('initialised',initPanes);

function initPanes(){
myLayout.root.contentItems[0].contentItems[0].on('resize',function(){
    console.log("First pane resized");  //TEMP
    });
myLayout.root.contentItems[0].contentItems[1].on('resize',function(){
    console.log("Second pane resized");  //TEMP
    });
//...
}


Get this bounty!!!