Dashboard Layout Drag and Drop panel , overlapping will occur

[wills]

HI 

1. Add two dashboard layout controls, there are duplicate IDs between them. 
2. When dragging the panel of the control below, overlapping will occur.

            

         

    

  3. I checked your code and found that Dashboard Layout used the ‘document.getElementById(id)’ method to process when searching for Panel. ‘ document.getElementById ’ is a global search, so an error occurred at this time. It is recommended to use ‘this.element.querySelector("[id='']")’.

Example: https://stackblitz.com/edit/angular-t6r4df?file=src%2Fapp.component.html

*** This is just a demo. In actual applications, the control ID of the first layer interface corresponds to the data source, and then a Dashboard Layout is opened through Dialog. At this time, the same data source is used, and then the Panel will overlap each other when dragging the interface. 

[Prasanth Madhaiyan]

Hi Wills,

Greetings from Syncfusion support.

We have checked the reported issue in the Angular Dashboard Layout component and considered it a bug at our end. The fix for this issue will be included in our upcoming Volume 4 main release by mid-December. You can track the status of the fix through the following link.

Feedback: https://www.syncfusion.com/feedback/48926/facing-an-panel-overlapping-issue-while-performing-drag-and-drop-in-the-dashboard

Regards,

Prasanth Madhaiyan.

[Prasanth Madhaiyan]

Hi Wills,

We are glad to announce that Essential Studio 2023 Volume 4 Main Release v24.1.41 is rolled out and is available for download under the following link.

Essential Studio 2023 Volume 4 Main Release v24.1.41 is available for download | Announcements Forums | Syncfusion

The issue with the “Facing a panel overlapping issue while performing drag and drop in the Dashboard Layout component” has been resolved in this release. To access this fix, we suggest you update the package to 24.1.41 and we include the sample in the latest version for your reference.

Sample: https://stackblitz.com/edit/angular-t6r4df-7xjpn1?file=src%2Fapp.component.html

Feedback: https://www.syncfusion.com/feedback/48926/facing-an-panel-overlapping-issue-while-performing-drag-and-drop-in-the-dashboard

Release Notes: We will refresh the release notes at earliest.

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

Prasanth Madhaiyan.