"chart-start" potential Bug

[adamatic30]

I’m running into a weird issue with the Gantt Chart. My browser hangs and I have to force close it anytime I load the chart with a chart-start date of "2024-11-01 12:00" or "2024-11-02 12:00". I’ve recreated the issue using the sample code from your docs, so it doesn’t seem specific to my project.

There’s no error in the console, just a frozen browser and no chart loading. I haven’t checked every possible date, but I suspect other dates might cause the same issue.

Am I missing something obvious? Any ideas on what might be going on?

<template>
  <g-gantt-chart
    chart-start="2024-11-01 12:00"
    chart-end="2024-11-05 12:00"
    precision="hour"
    width="100%"
    bar-start="myBeginDate"
    bar-end="myEndDate"
  >
    <g-gantt-row
      label="My row 1"
      :bars="myBarList"
    />
  </g-gantt-chart>
</template>

<script setup>

import { ref } from "vue"

const myBarList = ref([])
const addNewBar = () => {
  const bar = {
    myBeginDate: "2024-11-02 17:00",
    myEndDate: "2024-11-03 03:00",
    ganttBarConfig : {
      id: "some-id-blabla" // make sure this is unique!
    }
  }
  myBarList.push(bar)
}
</script>

[albadedan]

The only thing I can suggest is that:

myBarList.push(bar)

should be

myBarList.value.push(bar)

Other than that, I can't replicate this issue on my version (#130) at least, and although I have made a bunch of changes, I haven't done anything with the chart start date implementation.