Skip to main content

When you put a note after starting and optional part in the UML sequence diagram it overlaps the note with the optional part’s note.

Bottom image is the output of the below example diagram code:

opt Staff wants to finalize w/o continuing
note over Staff, App: This option is available at any point
Staff -> App: finalizes
end

 

 

Also, OPT and PAR and their related notes in brackets are bigger in size than using ALT and its bracket notes. Not a big deal but, it is inconsistent throughout the document.

Hi ​@sevengates

Thanks for contacting Lucid Support! Just to make sure that we are on the same page, please review our UML Sequence Markup article from the Lucid Help Center, and let me know if you have any questions about the set up or intended functionality.

There are a couple of specific things worth noting when working with UML:

  • The UML markup feature isn’t available to all account levels. Please see the Lucidchart Plans article for what’s available at each account level. If you are interested in upgrading please visit our Upgrade your Lucid account article.
  • Our UML tool does not support the use of ref box to reference other diagrams, and does not support the use of names with spaces in them. If either of these options would be useful to you, please post your idea in the Lucid Community. These ideas will be shared with our product development team for consideration.
  • If you ungroup your generated UML diagram it will be disconnected from the markup and you will be unable to edit the diagram using the markup moving forward.

Could you try opening your document in a private or incognito window to help us narrow down the potential cause? Could you also try connecting to a different network or disconnecting from your VPN (if applicable)? Sometimes account performance issues can be related to internet security/speed or browser issues. These steps will help us eliminate that possibility. For help with opening an incognito window, please see this community post (in English).

If the issue persists, please send the following information:

  • A description of steps you took leading up to the issue.
  • A screenshot of the associated Javascript Console output after reproducing the issue. You can open your Javascript Console by pressing Ctrl+Shift+J (if your computer is a Windows/Linux) OR Cmd+Opt+J (if your computer is a Mac).


Feel free to let me know if you have any further questions. Thanks for your help and patience!


Thank you for your reply. 

Most of the boilerplate text you wrote is not relevant to the bug I presented. None the less, here is the output of the console with the example markup with the aforementioned overlapping of note over the text of OPT grouping, that you can see right in the middle.

The window below is in incognito and without VPN connection. The Post error occurred when I clicked Build button for the markup. And below the image you can find the expanded stack for your debugging.  However, I don’t think this is relevant to how Lucidchart is rendering notes inside the OPT grouping while disregarding spacing for the grouping’s own message. I am not deeming the POST error in console relevant because I get the error when I click UML Markup to bring Alice and Bob example and also when I just change “note” text to “note2” and hit Build button again. I noted down in yellow the actions when the errors occur in console on the last image.

Hope these help.
 

 

 


Hi ​@sevengates,

Thank you for following up!

Can you please send a temporary Support PIN for this document? This will allow me to take a closer look at the issue you’re experiencing. For more information on generating a Support PIN, check out this Help Center article.


Why is this tagged as Solved? How do you avoid the overlapping?


Hi ​@kkamath,

Thank you for your response and patience.

After taking another look, the overlapping occurs because Lucid’s UML Sequence doesn’t automatically adjust the vertical spacing to leave enough space for notes placed inside an opt section. When a note is placed directly after the opening line of an opt block, the diagram doesn’t leave enough room, which leads to visual overlap.

Example that causes the overlap: 

 

As a workaround to avoid the overlap, you can insert a small spacer before the note, as referenced below: 

This workaround does create a small self-arrow, but it is effective in preventing the overlap and allowing the UML sequence diagram to be read clearly.

Please let me know if you have any further questions!


Dear ​@ikalu,

Thank you for recognizing that there is a problem in rendering. Your proposed solution is okay, we already figured that out but that is not a real solution. For instance, writing Staff → Staff would imply a self call in the software process but there is none there so it is misleading.

What I would like to hear that Lucid team at least put this fix in their roadmap. 

Kind Regards...


Hi ​@sevengates,

Thanks for your response.

At this time, Lucid does not automatically adjust spacing in UML Sequence diagrams to prevent note overlap within opt blocks, and inserting a self-arrow is currently the only available workaround. I completely understand that this is not an ideal or fully accurate solution for all modeling needs.

We are continuously working to improve our products, and user input plays a major role in shaping those improvements. I recommend posting this as an idea in the Lucid Community if you have not already done so. Our Product Development team actively monitors community submissions, and ideas with strong user support are prioritized. Before posting, you can also search for similar feedback and upvote or comment to add your voice.

For details on how feedback submissions are collected and considered, check out this Community post(in English).

Thanks again for taking the time to share your experience with us!


Reply