Docking to edge in an empty root split pane throws errors

[Bozhidara Pachilova]

Description

There is a dock manager with no panes initially, configured with the following layout:

  this.dockManager.layout = {
            rootPane: {
                type: IgcDockManagerPaneType.splitPane,
                orientation: IgcSplitPaneOrientation.horizontal,
                panes: [],
                allowEmpty: true
            },
            floatingPanes: []
        };

The scenario involves adding a floating pane dynamically. On attempting to drag the pane and dock it to the edge of the root split pane, an error is thrown - view the gif in Attachments below.

• version: any
• browser: any

Steps to reproduce

1. Open this sample
2. Click the "Add floating pane" button
3. Try to dock the pane by choosing any of the up/down/left/right directions in the drop indicator when dragged over the empty root split pane.

Result

The following error is thrown:

TypeError
Cannot read properties of undefined (reading 'panes')

Call stack:

e.dockToEdge
e.dockPane
e.dragPaneEnd
e.handlePaneDragEnd
emitEvent
Object.emit
dragService.dragEnd
HTMLDocument.handlePointerUp

Expected result

The edge docking indicators should most probably not be shown in this case:

Attachments

[igdmdimitrov]

Fixed in v1.14.3

[Chris Tan]

hi just wanted to ask if v1.14.3 is packaged into the IgniteUI.Blazor.Trial as well? if yes what will be the new version number?

[Stamen Stoychev]

Hey @tancyew ,

We just released Ignite UI for Blazor 23.2.20232.97 which contains the latest version of the Dock Manager.