1. Home
  2. Forum
  3. Blazor
  4. Poor tile drag and collision performance in dashboard layout

Poor tile drag and collision performance in dashboard layout

We're having problems when draging tiles in the dashboard when the drag results in a collision with another tile. Set the attached video. When dragging a tile we often see the tiles that collides with "dancing" all over the layout. They first go one way and then another, repeating the several times, this makes it very difficult to move a tile and maintain the layout of the other tiles.

Is it possible to drag a tile but to have the collision detection and tile rearrangment only occur at drag stop?

Attachment: 20210615_18h03_03_ac7e7613.zip

18 Replies 1 reply marked as answer
SM Shalini Maragathavel Syncfusion Team June 16, 2021 01:58 PM UTC

Hi Michael, 

Greetings from Syncfusion support. 
                                                                                                                                         
We checked the reported problem with the Dashboard Layout component by rendering panels similar to the provided layout(in attached GIF). But unfortunately we are unable to reproduce it from our end as dragging in Dashboard Layout is working fine at our end. 
We would like to let you know that, we have made some enhancement in Dashboard Layout component in latest version. We suspect that the issue might occur in older versions. If you are using older Syncfusion packages, then please upgrade them to the latest version and ensure if it resolves the problem. 
Also, when we start dragging a panel in the Dashboard Layout, collision will occur in order to move the existing panel to required position and allocate space to place the dragged panel in the desired position. So, collision cannot be considered during drag stop alone. 
If the issue persists, kindly share the following details that will be helpful for us to provide a prompt solution. 

1) If possible, please replicate the issue in the above sample else share us complete code snippet of Dashboard Layout. 

2) Elaborate on the requirements related to rearrangement and collision of panels during drag stop in detail, so that we can serve you better. 

Regards, 
Shalini M. 


MA Michael Aston June 16, 2021 08:37 PM UTC

I've compared your sample to mine and one notable difference is that in your sample the dashboard component adjusts its height as the panels are dragged up and down. In mine this does not occur and I suspect this could be the cause of the drag issue I'm seeing. Attached are videos of the difference in behaviour.

Any idea why my dashboard does not auto size its height?

Attachment: Dashboarddragissue_9f2c4add.zip

SS Sharon Sanchez Selvaraj Syncfusion Team June 17, 2021 01:06 PM UTC

Hi Michael, 
 
We checked with your attachment. We understand the difference between two scenarios of height updated for the element mentioned in the GIF. However, in order to reproduce the exact issue from our end, we request you to share the following details. 
 
  1. Package version used in your application.
  2. Please provide the complete code snippet of Dashboard Layout(panel configurations along with any events or CSS) used in your application.
  3. Else modify the sample provided in the previous update to reproduce the mentioned scenario which would be really helpful to assist you promptly.
 
Regards, 
 
Sharon Sanchez S. 


MA Michael Aston June 17, 2021 08:49 PM UTC

Attached is a test case the demos the issue of the dashboard layout height not increasing when attempting to drag a tile down. Note the height shrinks if you drag up. There is a video in the root of the project that demos the issue,

Attachment: DashboardlayoutTest_be98ff97.zip

SS Sharon Sanchez Selvaraj Syncfusion Team June 18, 2021 01:44 PM UTC

Hi Michael, 
 
Thanks for the details. 
 
We are currently validating your reported scenario with the provided details. We will update further details within three business days on June 23rd , 2021. 
 
We appreciate your patience. 
 
Regards, 
 
Sharon Sanchez S. 


SS Sharon Sanchez Selvaraj Syncfusion Team June 23, 2021 12:36 PM UTC

Hi Michael, 
 
Sorry for the inconvenience. 
 
We have validated your reported issue “Dashboard Layout’s height is not updated when dragging the panel” and considered it as a bug from our end. The fix for this issue will be included in Volume 2, 2021 SP1 release which is expected to be rolled out by the end of July 2021. 
 
Please track the below feedback link to know the status of the issue. 
 
 
We appreciate your patience. 
 
Regards, 
 
Sharon Sanchez S. 
 


MA Michael Aston June 23, 2021 01:17 PM UTC

Noticed that the private bug report has a scheduled of October 2021 in Vol3, rather than end of July in Vol2 SP1 which you report here. Can you confirm the scheduled date. We have a release scheduled for end of July so October would be a problem.


KR Keerthana Rajendran Syncfusion Team June 24, 2021 09:59 AM UTC

Hi Michael, 
 
Sorry for the inconvenience.  
 
Since the exact date for Volume 2 SP1 is not planned from our end, as of now the feedback is scheduled for Volume 3. However, we will include this fix in the weekly patch release by July 13, 2021 and we will also notify you by updating the feedback status based on the completion. 
 
Regards, 
Keerthana R. 


SS Sharon Sanchez Selvaraj Syncfusion Team July 13, 2021 01:47 PM UTC

Hi Michael, 
 
We are glad to announce that our patch release (v19.2.0.47) is rolled out successfully. In this release, we have included a fix for the reported issue (“Panel dragging is restricted to a single row”). To access this fix, we suggest you to update the package to the latest version (v19.2.0.47).  
  
  
 
  
 
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, 
 
Sharon Sanchez S. 
 


Marked as answer
MA Michael Aston July 19, 2021 02:15 PM UTC

This is an improvement as I can now drag down to a limited extent but there are still problems:

1) Dragging a tile that is at the bottom of the dashboard causes erratic dragging behaviour and impacts on tiles above.

2) Dragging down is hard work. The tile moves down slowly and not to the full extent of the drag.


Attach is a sample project and video that demos the issue


Attachment: DashboardlayoutTest_235c8976.zip

KR Keerthana Rajendran Syncfusion Team July 20, 2021 10:03 AM UTC

Hi Michael, 
 
We regret for the inconvenience.  
 
We checked the provided details and able to replicate the reported issues with Dashboard Layout. Currently we are validating the reported scenario with dragging panels and we need some additional time to identify the exact cause for this. We will update further details on July 26, 2021. 
 
We appreciate your patience. 
 
Regards, 
Keerthana R. 


SS Sharon Sanchez Selvaraj Syncfusion Team July 26, 2021 02:47 PM UTC

Hi Michael, 
 
Sorry for the inconvenience. 
 
We have considered the reported issue as a bug from our end. The fix for this issue will be included in the weekly release by the mid of August 2021.  
 
Please track the below feedback link to know the status of the issue. 
 
 
Regards, 
 
Sharon Sanchez S. 


MA Michael Aston August 9, 2021 02:18 PM UTC

Can you confirm that the fix for this is still expected mid August 2021?



KR Keerthana Rajendran Syncfusion Team August 10, 2021 08:49 AM UTC

Hi Michael, 

We are working on this fix and we will update the feedback status as completed once it is done. We request you to track the status from the provided link. 


Regards, 
Keerthana.

MA Michael Aston August 28, 2021 07:36 PM UTC

Mid August 2021 has come and gone. Can you tell me when this fix will be available?


KR Keerthana Rajendran Syncfusion Team August 30, 2021 10:41 AM UTC

Hi Michael, 
 
We regret for the inconvenience.  
 
Due to complexity, we are unable to include the fix in August patch release. We are working on this internally and we will include this in weekly patch release by the mid of September 2021. 
 
We request you to track the status through the below portal link. 
 
    
Regards,    
Keerthana R.    


MA Michael Aston October 4, 2021 07:28 PM UTC

Hi,

I note that this is marked as implemented in 19.3.0.43. The following sample is from the bug track as a proof of fix.


https://www.syncfusion.com/downloads/support/directtrac/general/ze/DashboardLayoutSample-697402772


Attached is a video that shows clearly that there are still problems. Dragging the bottom tile left to right causes the tile to jump up the page.


Attachment: 20211004_20h08_30_6d00fabe.zip

SS Sharon Sanchez Selvaraj Syncfusion Team October 5, 2021 01:42 PM UTC

Hi Michael, 
 
Sorry for the inconvenience. 
 
We checked with the provided details and would like to mention that this issue occurs specific to your application due to container CSS changes. Please refer to the modified code snippet below 
 
<div style="overflow:auto; width: 100%; height: 100%;"> 
<div style="position: relative;"> 
    @ChildContent 
</div> 
</div> 
 
Refer to the sample: 
 
 
Please get back to us if you need any further assistance. 
 
Regards, 
Sharon Sanchez S. 


Loader.
Up arrow icon