Long mermaid diagrams

Feature requests
1

For long LaTeX equations that go beyond the edge of the window, we get a nice horizontal scrollbar on the rendered equation that allows us to see the whole thing.

However for long mermaid diagrams that’s not the case. When I place the mouse on top of the cropped diagram, no horizontal scrollbar appears. I think it would be a nice addition.

2

You could try my theme, it’s called Dune :wink:

3

Not sure how it’s related? Does it fix the scrolling issue for mermaid diagrams?

This feels like something that should be fixed in Obsidian itself.

4

Agreed, side scrolling is a little thing and should work out of the box, but mermaid isn’t that priority yet. And there’s always something to do if you develop in some way for Obsidian

Soon Obsidian will support some more diagram types.

And yeah, my theme adds the ability to resize, adds some diagram theming and side scrolling too.

Maybe you like my solution and eventually my theme as well :blush:

5

If someone is still looking into this - you can actually override the CSS and make the scroll appear :stuck_out_tongue:

/***** Mermaid Diagram Scrollbar Fix *****/

/* Add scrollbars to Mermaid diagrams */
.mermaid {
    overflow-x: auto; /* Enables horizontal scrolling */
    overflow-y: auto; /* Enables vertical scrolling (if needed) */
    max-width: 100%; /* Prevents overflowing outside the note area */
    max-height: 100%; /* Ensures the diagram fits within the view */
}

/* Customize scrollbar appearance (optional) */
.mermaid::-webkit-scrollbar {
    height: 8px; /* Horizontal scrollbar height */
    width: 8px;  /* Vertical scrollbar width */
}

.mermaid::-webkit-scrollbar-thumb {
    background: #888; /* Scrollbar thumb color */
    border-radius: 4px;
}

.mermaid::-webkit-scrollbar-thumb:hover {
    background: #555; /* Hover color for scrollbar thumb */
}
6

I don’t think there need for CSS snippets anymore. In Obsidian v1.8 you should get the horizontal scrollbar for wide mermaid diagram.

1 Like
7

Any info when v1.8 is coming to Mac by any chance? :grinning: