Canvas size in component to follow parent cell

[j2l]

Following your great solution using components in cells, I tried with canvas, but it doesn't follow the cell size: Here's Text.svelte:

<div>
    <canvas id="myCanvas"></canvas>
</div>

<style>
    canvas{
        border:1px solid #000000;
    }
</style>

By default, I have something not 100% and I would like it to be 100% of the cell.

and when I resize the cell, it's not adapting to it:

I tried forcing the canvas and the div sizes to 100% without luck.

I'm sure it will be a piece of cake for you to spot the problem :smile: Any idea?

[vaheqelyan]

i think you should specify width: 100% and height: 100%

<style>
  #canvas {
    width: 100%;
    height: 100%;
  }
</style>

[j2l]

I tried it and adding it on both canvas and div did the trick. Thank you very much @vaheqelyan!