Minor UX improvements

Thanks for updating the component!

Some minor UX that could be improved:

  1. Could use some space to avoid overlapping the scrollbar (or using a thin scrollbar, that would work too)
    image

  2. The scroll bar is forced to appear even if not required. Can’t we put overflow on auto instead? It affects the fullscreen and can show a double scrollbar, too:

  3. If inserting more than two mermaid charts, the editor can be (very) laggy (also depends on the size). (This was the case before the update, too.) Here is an example of typing without interruption:
    The image shows a concept map centered on Tony Buzan's "Mermaid" mind map tool, branching out into sections on its origins, long history, popularity, and research, with additional nodes for research on effectiveness, creative techniques, strategic planning, and argument mapping. (Captioned by AI)
    I wonder if it’s possible; this seems difficult. Ideally, you would serve a cached output and re-render it only when a change happens in the source.

3 Likes