Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Long text nodes don't go to the line anymore #1529

Open
adjerbetian opened this issue Sep 7, 2024 · 3 comments
Open

Long text nodes don't go to the line anymore #1529

adjerbetian opened this issue Sep 7, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@adjerbetian
Copy link

Describe the bug
If a node has a long text, the text is clipped and not wrapped.

To Reproduce
Link to Live Editor: link

Steps to reproduce the behavior:

  1. Go to the live editor
  2. Create a node with a long internal text, example:
    flowchart TD
        A["Very very very very very very very long text"]
    
  3. See how the text is clipped

Screenshots
image

Desktop (please complete the following information):

  • OS: ChromeOS
  • Browser: Chrome
  • Version: 128.0.6613.118
@adjerbetian adjerbetian added the bug Something isn't working label Sep 7, 2024
@adjerbetian
Copy link
Author

It looks like this is solved today.

@gy-mate
Copy link

gy-mate commented Oct 1, 2024

@adjerbetian Doesn't look like that to me:
Screenshot 2024-10-01 at 12 45 00

The bottom of the text is also cut off.

OS: macOS 15.0
Browser: Safari 18.0

@sunnypatel
Copy link

There should be an config option to control the overflow behavior. In the interim though I got around it doing https://mermaid.js.org/syntax/flowchart.html#markdown-formatting

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants