strange behaviour when saving/restoring layout

[lomotelsch]

basically I have save/restore-buttons outside & inside wcDocker. By restoring the layout fro the outside buttons, the z-indexing of the floating panel gets weird. When I use the buttons created inside a panel, everything works ok: https://youtu.be/TCm7iaBMuqA

The save/restore-functions for both button-sets are identically the same. Do you have a clou whats going on there?

       var config = null;
        var docker = new wcDocker('.mod-Docker__container', {
            allowDrawers: true,
            responseRate: 10,
            themePath: 'bower_components/wcDocker/Build/Themes',
            theme: 'default.min'
        });

        docker.registerPanelType('panel', {
            onCreate: function(panel, options) {}
        });
        docker.registerPanelType('top-panel', {
            onCreate: function(panel, options) {
                panel.layout().addItem(
                    $('<button class="save">save</button> <button class="load">load</button>')
                );
            }
        });

        var left = docker.addPanel('panel', wcDocker.DOCK.LEFT);
        docker.addPanel('panel', wcDocker.DOCK.BOTTOM, left, {h: '20%'});
        var right = docker.addPanel('panel', wcDocker.DOCK.RIGHT);
        docker.addPanel('panel', wcDocker.DOCK.BOTTOM, right);

        docker.addPanel('top-panel', wcDocker.DOCK.TOP, null, {h: '10%'});

        // events
        var $body = $("body");
        $body.on('click', '.save', function () {
            config = docker.save();
            console.log(config);
        });
        $body.on('click', '.load', function () {
            if (config) docker.restore(config);
        });

[lomotelsch]

similar here when you have tabbed panels: https://youtu.be/pZk5zauwG-Q

[Lochemage]

@lomotelsch

Thanks, I am seeing this one and will look into it soon.