responsive display at initialization

[liuzqt]

chart.js version: 3.1.1

basically, I follow the document example https://www.chartjs.org/docs/latest/configuration/responsive.html

my html

  <div style="position: relative">
    <canvas ref="my-chart" height="60"></canvas>
  </div>

the option:

      chartOptions: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
          x: {
            ticks: { color: "red" },
          },
        },
      },

the display is wrong at first initialization(the outer div is actually smaller than the inner canvas, so the lower half of the chart is hidden)

but after I resize the window somehow, the display is correct

I was using vue.js with it (not vue-chartjs, I create my own component), I'm not sure if there is some problem with vue working with chart.js, or my usage is wrong. Any help is appreciated.

[vtarelkin]

@liuzqt have you figured it out?