1. Feedback
  2. Vue
  3. 39089

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Gantt Chart component causes page and all other components irresponsive when being populated with data

  • Details about the bug.
    When we use Vue3, Gantt Chart component causes the page and all other components (even the gantt itself) become irresponsive when being populated with data.
  • Reproducing steps.
    1. Clone a repo I have prepared here https://github.com/meidikawardana/syncfusion-sample
    , open the syncfusion-sample folder in a terminal, run `git checkout gantt-make-page-unresponsive-bug` command, run `yarn` command, run `quasar dev`, then it will open a tab in browser (preferably Google Chrome): http://localhost:8081/#/
    2. Open the DevTools by right-clicking the page and choosing Inspect, in the console tab there should be a log similar to this: `--gantt-process: 6643.77490234375 ms`. If you can't see it, refresh the page, then you should be able to see it (screenshot here). 
    What is it? It is the amount of time needed by Gantt component to populate itself with data. During that time the page, all other components, even the Gantt itself becomes irresponsive. For example the `HIDE CALL OFF COLUMN` button would be unclickable, `DUMMY BUTTON` would be unclickable, any menu in the Gantt toolbar couldn't be clicked, etc. If we put a loading spinner on the page, the spinner would be frozen and not spinning at all during the process. In some cases even the spinner won't be shown at all.

  • Screenshots, code snippets, and stack traces, if applicable.
    Please see the "Reproducing steps" section. Also please watch this demo video where I show the bug in action.
  • Working sample if possible, which will help us provide a solution sooner.
    I have already provided it in "Reproducing steps" section.