Scolllimit and Zoom behavior in DiagramComponents

Question

Hello,we currently try to use the DiagramComponent to visualize a hierarchical tree (view only) and realized that there is a very weird behavior for dragging and zooming with the mouse:InteractionController="InteractionController.ZoomPan"ScrollLimit="ScrollLimitMode.Diagram" or ScrollLimit="ScrollLimitMode.Limited"When zooming with the mouse (CTRL + scroll weel), the zoom will go from furthest to nearest, no steps in between. Only zooming with keys is working correctly (CTRL & + and CTRL & -).When trying to move the diagram (drag and drop), it will not move to the left as far as to the right. The wider the diagram, the worse the issue.You can find this in your own example: https://blazor.syncfusion.com/demos/diagramcomponent/hierarchical-tree?theme=bootstrap4Can you please tell me if I can prevent this or if this is a bug?Best regards,Marco

Ranjitha Amirthalingam · Answer

Hi
Marco,Please
find the response to your queries as below.

Query

Response

When zooming with the
  mouse (CTRL + scroll weel), the zoom will go from furthest to nearest, no
  steps in between. Only zooming with keys is working correctly (CTRL & +
  and CTRL & -).

We
  have checked the reported issue with Zooming through both CTRL & + and
  CTRL & - keys and CTRL + mouse wheel combinations in the
  below sample. But we didn’t face any issue and have shared video for your
  reference.
   
  Sample
  Link: https://blazor.syncfusion.com/demos/diagramcomponent/hierarchical-tree?theme=bootstrap4
   
  Video
  Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Video_176164-156275964.zip
   
  In
  this video, we first zoom the diagram through CTRL & + key and move the
  mouse, then zoom the diagram through CTRL + mouse wheel.

When trying to move the diagram (drag and
  drop), it will not move to the left as far as to the right. The wider the
  diagram, the worse the issue.

We assume that your requirement is to
  pan the diagram towards left to view the elements which is rendered outside
  the view port. Your requirement can be achieved by enabling the ScrollSettings.ScrollLimit
  as ScrollLimitMode.Infinity. 
   
  If our assumption is different from
  your requirement, please share gif image or video to represent your
  requirement. These details help us to serve your better.

Regards,Ranjitha
A.

Marco Wollschläger · Answer

Hello Ranjitha,thank you very much for your response.Concerning the first issue (Zoom with no steps in between): Today I'm at the office and it seems to be working here. Therefore the issue might be related to screen settings (resolution / scaling / refresh rate) that I cannot replicate here. I will create a video of that tomorrow when I'm working from home again.Concerning the second issue (Dragging a diagram to the edges): I will attach a video of what I mean: I can drag the diagram to the right edge of the view but not to the left edge.Best regards,MarcoAttachment: msedge_S4Z0O9dieI_8916e616.zip

Marco Wollschläger · Answer

Hello Ranjitha,

as mentioned yesterday, I will replicated the issue when working from home (video attached) and I also think I found the culprit: 'smooth scrolling'. This brakes the zoom in diagrams.Best regards,MarcoAttachment: 20220715_082757_Trim_cffc1484.zip

Ranjitha Amirthalingam · Answer

Hi Marco,Thanks for the video attachments.We were able to replicate the issues related to zooming and
panning. Currently, we are validating the root cause of the issues and will
update the validation details on July 20,2022.Regards,Ranjitha A.

Marco Wollschläger · Answer

Hi Ranjitha,sound great. Looking forwarding to the results.Best regards,Marco

Ranjitha Amirthalingam · Answer

As promised, we will update the validation details on July
20,2022.

Ranjitha Amirthalingam · Answer

Please
find the response to your queries as below.

Query

Response

Concerning the first issue (Zoom with no steps in
  between): Today I'm at the office and it seems to be working here. Therefore
  the issue might be related to screen settings (resolution / scaling / refresh
  rate) that I cannot replicate here. I will create a video of that tomorrow
  when I'm working from home again.

Still,
  we are validating the reported scenario and will update the details on July 21,2022.

Concerning the second issue (Dragging a diagram to the
  edges): I will attach a video of what I mean: I can drag the diagram to the
  right edge of the view but not to the left edge.

We
  have confirmed that the reported issue is a bug and have logged defect report
  regarding this.
  We
  will fix the issue and include the fix in our next weekly nuget release which
  is scheduled to be rolled out on August 9,2022.
   
  Meanwhile,
  you can track the status of the bug from the following link.
   
  Feedback
  Link: https://www.syncfusion.com/feedback/36464/diagram-panning-not-working-properly-when-browser-window-is-dynamically-updated

Marco Wollschläger · Answer

Hi Ranjitha,thank you for the update, looking forward to the fix. The feedback link seems to be private though and I cannot access it (access denied).Best regards,Marco

Ranjitha Amirthalingam · Answer

Please
find the response as below.

Query

Response

Concerning the first
  issue (Zoom with no steps in between): Today I'm at the office and it seems
  to be working here. Therefore the issue might be related to screen settings
  (resolution / scaling / refresh rate) that I cannot replicate here. I will
  create a video of that tomorrow when I'm working from home again.

We
  have checked into the issue in both server and web assembly applications. The
  issue only occurs in the server sample; otherwise, the web assembly
  application functions as intended. You can look at the video and sample we
  shared.
   
  We are still trying to validate the exact
  cause of the issue and will update the validation information on July 22,2022.
  Please tell us the type of application you are running, whether it is a
  server-based application or a web assembly.

thank you for the update,
  looking forward to the fix.
   The
  feedback link seems to be private though and I cannot access it (access
  denied).

We
  have moved the feedback as public. Could you please check and let us know
  whether you are able to access the link or not?

Attachment: SampleVideo_4e3d7d1.zip

Marco Wollschläger · Answer

Hi Ranjitha,Query﻿﻿Response﻿﻿

Please tell us the type of application you are running, whether it is a server-based application or a web assembly

We are running a server-side blazor application and therefore are impacted by the issue

We have moved the feedback as public. Could you please check and let us know whether you are able to access the link or not?

The link is now working. Thank you for your help!

Best regards,Marco

Ranjitha Amirthalingam · Answer

Hi
Marco,Please find the response as below.

Query﻿﻿

Response﻿﻿

We are running a server-side blazor application and
  therefore are impacted by the issue.

Thanks
  for the update
   
  Reported
  Issue:
  Diagram is not zooming properly while using mouse wheel in server side.
   
  We have confirmed that the reported issue is a bug and
  have logged defect report regarding this. We will fix the issue and
  include the fix in our next weekly nuget release which is scheduled to be
  rolled out on August 16,2022.
   
  Meanwhile, you can track the status of the bug from the
  following link.
  Feedback Link: https://www.syncfusion.com/feedback/36546/diagram-is-not-zooming-properly-while-using-mouse-wheel-in-server-side
   
  Note:
  We
  are still determining whether the problem originates from the diagram or the
  framework. If the problem stems from the Diagram end, we will perform the
  promised fix. If it is from the framework end, we are unsure of when to fix
  it.

The link is now working. Thank you for your help!

Most Welcome.

Regards,Ranjitha
A.

Marco Wollschläger · Answer

Hi Ranjitha,I'm looking forward to the fixes. If the issue is part of the framework / is a framework bug, will you add this to the feedback link so that I know what to monitor? Again thank you very much for you help here.Best regards,Marco

Suganthi Karuppannan · Answer

Hi Marco,As promise, we will provide the fix on August 16,2022 if it
is from diagram end. If it from the framework end, we will update those details
in the feedback as well as forum.Regards,Suganthi K.

Sumathi Uthayakumar · Answer

Hi Marco,We regret
for the inconvenience caused. We couldn't include the requested fix in our
weekly NuGet release as planned. We will include the requested fix in our
latest Weekly NuGet release which will be available on 23 August 2022. We
appreciate your patience until then.Regards,Sumathi U.

Sumathi Uthayakumar · Answer

Hi Marco,We have fixed the reported issue of "Diagram is not zooming properly while using mouse wheel on the server side". However, we are experiencing a script-related problem with our NuGet. So, we will provide the custom NuGet for the fix on August 24.Regards,Sumathi.U

Sumathi Uthayakumar · Answer

Hi Marco,We have shared custom NuGet for the reported issue. We
appreciate your patience in waiting for this update and thank you for your
support. Please contact us if you require any assistance.NuGet Link:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/SignedPack_Diagram895399424Regards,Sumathi U.

Marco Wollschläger · Answer

Hi Sumathi,thank you very much for your help here. Can you update us when the script related issues are fixed and this patch has been included in the regular nuget packages so that we can move back to the regular packages once this is done?Best regards,Marco

Sumathi Uthayakumar · Answer

Hi
Marco,The
script-related issue will be addressed in the next weekly NuGet release, which
will be available on August 30, 2022.Regards,Sumathi
U.

Sumathi Uthayakumar · Answer

Hi Marco,We
have included the fix in our latest Weekly NuGet release v20.2.0.46, which is
now available for download (https://www.nuget.org/).
We appreciate your patience in waiting for this update and thank you for your
support. Please contact us if you require any additional assistance.Regards,Sumathi
U.

Scolllimit and Zoom behavior in DiagramComponents

Query﻿﻿

Response﻿﻿

Query

Response