How to use setSize() or initialWidth in dockingview-core / Examples are broken

[diommsantos]

The example in the documentation website (https://dockview.dev/docs/core/panels/resizing) is broken.

Setting initialWidth and initialHeight or calling panel.group.api.setSize() never works no matter what I try.

Can someone please provide an example in plain js (no react) where initialWidth and initialHeight indeed set the initial width and height?

Or alternatively an example where calling panel.group.api.setSize() sets the initial size of the panel?

Thank you.

[kyletully]

I have noticed this issue today using TypeScript. Calling .setSize on Groups or Panels does not work.
Likewise instantiation with initialWidth does nothing.

Thanks for an awesome library otherwise. 👌😎

[kyletully]

Update:
The .setSize function does work, just not when called directly from within the initial DOM connection/mount function.

eg. It works if you hook up the resize function to a button, a timer or even the crude example below:

*Note that even with a 1ms timer after DOM is ready it seems to work.

requestAnimationFrame(() => {
    requestAnimationFrame(() => {
        setTimeout(() => this.setDefaultLayout(), 1)
    })
})

private setDefaultLayout() {
    this.api?.getGroup("outline_group")?.api.setSize({
        height: this.api?.getGroup("outline_group")?.api.height,
        width: 60,
    });
}

For reference, I am using StimulusJS and call the above from within the connect (component mount) function.