Незначительные улучшения UX

Спасибо за обновление компонента!

Несколько моментов UX, которые можно улучшить:

  1. Можно добавить немного отступа, чтобы избежать наложения на полосу прокрутки (либо использовать тонкую полосу прокрутки — это тоже сработает).
    image

  2. Полоса прокрутки принудительно отображается, даже если это не требуется. Не могли бы мы установить overflow: auto? Это влияет на полноэкранный режим и может привести к появлению двойной полосы прокрутки:

  3. Если вставить более двух диаграмм Mermaid, редактор может работать (очень) медленно (это также зависит от размера). (Это наблюдалось и до обновления.) Вот пример ввода текста без прерываний:
    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)
    Интересно, возможно ли это; кажется, что это сложно. В идеале нужно отдавать кэшированный результат и перерисовывать его только при изменении исходного кода.

4 лайка