Skip to main content

I have a project, in which there is a dashed line connecting two boxes, with line jumps over other arrow lines it crosses. On the web editor, it looks as intended (attached image 1). However, when trying to generate and export a transparent background PNG and crop to content settings, a portion of the dashed line becomes filled (attached image 2). I have encountered this bug across multiple projects.

Later Edit: Removing the “Jumps” Option on the dotted line fixes the issue. So the bug must happen in the jumps logic section of the export generation code.

 

Image 1 - Intended Behaviour as shown in the Web Editor of Lucidcharts. The bug occurs on the black dotted line (with jumps).
Image 2 - Visual bug that turns the dotted line into a filled line when exporting as transparent background PNG.

 

Hi ​@CodrinSocol, thank you for posting in the community and adding an updated note. It looks like you have identified a bug, and I have reported this to our development team.

In the meantime, the best workaround will be to disable the line jumps option in the dashed/dotted lines. I apologize for any disruption this may cause, and I will update this thread with any new information about a fix.

Please follow along on this thread for updates, and post any additional questions or concerns below.


Reply