Text in Mermaid graph nodes overflows boxes

jeffbarr commented 3 years ago

Please select the area your Bug applys to. (Multiple selections are Possible)

[ ] Onboard. Initial vault setup and import/export pods
[ ] Create. Note creation, lookup, snippets and templates
[ ] Retrieve. Backlinks, references, graph view
[ ] Structure. Refactoring, multi-vault and schemas
[ ] Publish. Sharing your repo with the world
[X] Misc (Choose this if your not sure)

Describe the bug

Text in a Mermaid graph overflows the box.

To Reproduce

Steps to reproduce the behavior:

Go to a Markdown page
Enter the graph below
Open the Dendron preview
See that the text overflows the box

Expected behavior

Text fits inside the box

Sample graph

graph TD;
    A[Daily]-->B[Personal TODO];
    A-->C[Work TODO];
    A-->D[Calendar];
    A-->E[LinkedIn];

Screenshots

dd_mermaid_overflow

Desktop (please complete the following information)

OS: [Windows 10]
Browser [e.g. chrome, safari]
Version [e.g. 22]

Additional context

Add any other context about the problem here.

Dendron Log file

Please attach the output of >Dev:Dendron: Open Logs here

kpathakota commented 3 years ago

This will likely get improved with the changes required for #643 but for now, it's in a component that we only tangentially own (markdown previewer). We should do a check once 643 is closed though.

micharris42 commented 2 years ago

The text overflow issues appears to have been fixed since Dendron switched to its own preview.

Should this issue be marked as Closed?

kevinslin commented 2 years ago

Yep. The only issue is that preview v2 doesn't currently support export to pdf which I think @jeffbarr might need. Will keep this open until we have https://github.com/dendronhq/dendron/issues/1204 implemented

dendronhq / dendron