kroki shortcode overflows doc/content area

[AbdulSayyed]

When a mermaid diagram is used directly in markdown, it is correctly rendered as shown below:

But when added with Kroki shortcode using syntax {{< kroki _type="mermaid" _name="diagrams/course/09/02m/004/01-k8s-architecture.mmd" >}}. It overflows the right-hand content area as shown below.

[razonyang]

It should be a style issue, could you please provide the kroki example, to reproduce the issue easilly.

[AbdulSayyed]

This is the content of the file
flowchart LR
subgraph ControlPlane[Control Plane]
APIServer[API Server]
etcd[etcd]
Scheduler[Scheduler]
ControllerManager[Controller Manager]
CloudController[Cloud Controller Manager]
end
subgraph WorkerNodes[Worker Nodes]
Kubelet[Kubelet]
ContainerRuntime[Container Runtime]
KubeProxy[Kube-proxy]
Pods[Pods]
end
APIServer -- communicates with --> Kubelet
APIServer -- stores state in --> etcd
Scheduler -- schedules pods on --> Kubelet
ControllerManager -- manages --> APIServer
CloudController -- integrates with --> APIServer
Kubelet -- manages --> Pods
Kubelet -- uses --> ContainerRuntime
KubeProxy -- enables networking for --> Pods

[razonyang]

Update github.com/hugomods/kroki and github.com/hbstack/kroki should fix it.

[AbdulSayyed]

Thanks, the updating module works.