Aqui no Chrome o mermaid funciona no Preview somente se clicar em alguma outra p · ewertonl

Respondendo a "kkkkk muito bom esse gráfico! Então, aqui no Ch..." dentro da publicação Testando com Sucessinho o Markdown

ewertonl

2 anos atrás

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

filipedeschamps

2 anos atrás

Everton, vi essa sua resposta aqui e fui lá reportar no repositório, e para minha surpresa você tinha criado uma issue já 😍 complementei com um vídeo 👍

ewertonl

Autor

2 anos atrás

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.