사소한 UX 개선 사항

컴포넌트를 업데이트해 주셔서 감사합니다!

UX 측면에서 개선할 수 있는 몇 가지 사소한 사항이 있습니다:

  1. 스크롤바와 겹치지 않도록 여백을 확보하면 좋겠습니다. (또는 얇은 스크롤바를 사용하는 것도 좋은 방법입니다.)
    image

  2. 스크롤바가 필요하지 않아도 강제로 표시되고 있습니다. overflowauto로 설정하면 안 될까요? 전체 화면 모드에 영향을 주며, 이중 스크롤바가 표시되는 문제도 발생할 수 있습니다:

  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개의 좋아요