drawio icon indicating copy to clipboard operation
drawio copied to clipboard

Connection Flow Animation not fluid

Open michox opened this issue 2 years ago • 1 comments

Preflight Checklist

  • [x ] I agree to follow the Code of Conduct that this project adheres to.
  • [x ] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug When using the flow animation property or the flow plugin, the connection is not animated in a fluid way

To Reproduce Steps to reproduce the behavior:

  1. Click on a connection
  2. Click on 'Property'
  3. Scroll down to 'Flow Animation' and enable
  4. See error URL for replicating.

Expected behavior The animation behaves fluidly without any stutter

Screenshots Animation

draw.io version (In the Help->About menu of the draw.io editor):

  • draw.io version: 21.2.8

Desktop (please complete the following information):

  • OS: Windows
  • Browser Chrome, Edge, Brave

Additional context The stuttering is worse with longer connection patterns but present in all. The stuttering seems to be present in all views

michox avatar Jun 06 '23 21:06 michox

Hey guys, I just noticed that this "stuttering" only happens if you change the line pattern from "solid" to "dashed" on the "style" tab and then enable the "flow animation" option.

If you left the line as "solid" and enable the "flow animation" option, it will automatically turn into a "dashed" behind the scenes and you will have a fluid experience.

rodrigoscferraz avatar Mar 01 '24 01:03 rodrigoscferraz

Fix in 24.0.1. Thanks for report.

davidjgraph avatar Mar 02 '24 16:03 davidjgraph