Executando verificação de segurança...
4

Opa mister, ele funcionou no modo preview sim quando estava editando este post para publicar, só demora um poquinho pra carregar mais ou menos uns 30 segundos todas as vezes que eu incluia algo.

Este gráfico é top demais

pie title Galerinha de TI com os code nomes de seus influencers
    "Deschampers" : 317
    "Gafanhoters" : 216
    "Código Fonters" : 150
    "Linux Tipers": 112
    "L. Montaners": 105

Por estranho que pareça, no modo fullscreen não funcionou, mas quando usei o modo fora do fullscreen funcionou corretamente, talvez este teste possa ajudar.

Gostei muito dessa funcionalidade!!!

Carregando publicação patrocinada...
3
4

Aqui no Chrome o mermaid funciona no Preview somente se clicar em alguma outra parte do site ou se entrar em full screen, sair e aguardar alguns segundos.

Num primeiro momento ele fica assim:

Imgur

E em seguida o diagrama é exibido normalmente

Testei isso nos seguintes navegadores: Firefox 102, Chrome 103, Gnome Web 42.2 e Brave 1.40

O firefox é o que exibe o diagrama mais rapidamente, cerca de 2 a 3 segundos, nos outros navegadores leva em média 26 segundos.

Tentei debugar no firefox aqui, mas ainda não entendi porque a função mermaid() só está sendo chamada / atualizada se clicar em algum elemento da página


Update:

No modo split o preview funciona normalmente

1
1

Muito bom, Filipe! Eu havia testado no tabnews localmente, mas suspeitei que não fosse um problema com o site, então fiz um projeto rápido para testar o editor do bytemd separadamente, mas devo ter feito algo errado porque o estilo do editor ficou completamente quebrado e fiquei devendo um vídeo ou gif demonstrando a issue.