If external container size is defined by display: grid, lower axis ticks dissapear

[baybal]

https://gist.github.com/baybal/bf3ba9037ba2719ec4b39fe1226e3874

[ghalex]

Can you provide a sandbox example like this one: https://codesandbox.io/s/vue3-charts-example-14mmp

So I can check what is the problem. I personally use it with "display: grid" and works fine for me.

[baybal]

Can you provide a sandbox example like this one: https://codesandbox.io/s/vue3-charts-example-14mmp

So I can check what is the problem. I personally use it with "display: grid" and works fine for me.

https://codesandbox.io/s/vue3-charts-example-forked-ohwod

[baybal]

@ghalex I was debugging this. The size of the canvas becomes negative for some unfathomable reason if I use responsive.

[baybal]

I believe it's because canvas size goes to 0 at the very beginning, before CSS grid starting pushing back