Pequenas melhorias de UX

Obrigado por atualizar o componente!

Algumas pequenas melhorias de UX que poderiam ser feitas:

  1. Poderia usar um pouco de espaço para evitar sobrepor a barra de rolagem (ou usar uma barra de rolagem fina, que também funcionaria)
    image

  2. A barra de rolagem é forçada a aparecer mesmo quando não é necessária. Não podemos usar overflow: auto em vez disso? Isso afeta a tela cheia e pode mostrar uma barra de rolagem dupla também:

  3. Se mais de dois gráficos mermaid forem inseridos, o editor pode ficar (muito) lento (também depende do tamanho). (Isso já acontecia antes da atualização.) Aqui está um exemplo de digitação sem interrupção:
    A imagem mostra um mapa conceitual centrado na ferramenta de mapa mental "Mermaid" de Tony Buzan, ramificando-se em seções sobre suas origens, longa história, popularidade e pesquisa, com nós adicionais para pesquisa sobre eficácia, técnicas criativas, planejamento estratégico e mapeamento de argumentos. (Legenda da IA)
    Eu me pergunto se é possível; isso parece difícil. Idealmente, você serviria uma saída em cache e a renderizaria novamente apenas quando uma alteração ocorresse na origem.

4 curtidas