Limited width of Mermaid Gantt Diagrams generated by Kroki

[jay-blanc]

Hello,

I'm facing a problem trying to generate Gantt Mermaid Diagram with Kroki.

Context

I'm using Kroki with Antora in order to generate Mermaid Gantt Diagram.
The issue I get is the width of the generated diagrams is limited.
It seems to be a limit of 584px.

How to reproduce the behaviour

Using the Mermaid live editor for a given Gantt diagram, I get a large size allowing the user an easy-to-read diagram.
Here is an example :

The source is attached to the issue :

gantt-diagram.txt

When you open it with Kroki through the "Actions / Kroki" button in the live editor, you can see that Kroki limits the width of the rendered diagram :

Naturally, I get the same behaviour using it in Antora.

Question

Could you please tell me if it is a bug or if there's a way to set a larger width in the rendered diagram ?

Thanks :)

[ggrossetie]

I can reproduce this issue, I guess that's because we are configuring the viewport size:

kroki/mermaid/src/worker.js

Line 40 in a5f21c2

await page.setViewport({ height: 800, width: 600 })

[jay-blanc]

Hello,

Thanks for the answer :)

Would it be possible to configure it maybe through something like this :

mermaid::gantt.mmd[width="100%"]

[ggrossetie]

I don't recall why we did configure a viewport, we would have to test what happens if we don't specify a viewport.

[ggrossetie]

I'm a bit confused because we had issues with Mermaid/Puppeteer where memory limits exceeded. My guess was that we were trying to generate a huge PNG file but it seems that it can only generate a 800x600: #1702 🤔

[imysl0]

you can try：

[jay-blanc]

Hello @imysl0

Thank you for your answer !!!

Honestly, I gave up, but thanks to you, I'm ready to take it back !
It's working perfectly :)

Thanks again ;-)