1. Feedback
  2. Vue
  3. 37352

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!

2
Votes

Gantt enableVirtualization="true" makes Toggle Collapse buttons not working if a column filtered

  • Details about the bug.
    When [enablePersistence="false", enableVirtualization="false"], then we filter a column, then we click Collapse All button or Expand All button, everything works normally. But when we change to
    [enablePersistence="false", enableVirtualization="true"]
    , then we filter a column (using the built-in column filter), then we click Collapse All button or Expand All button, the buttons won't work. 
  • Reproducing steps. 1. Download https://drive.google.com/file/d/15z4gMcwFRBv18wOPc_PADrC9hh7jGplk/view?usp=sharing,
    extract it, open the gantt-filter-bug folder in a terminal, run `yarn` command, run `quasar dev`, then it will open a tab in browser: http://localhost:8081/#/ .
    2. But I'd suggest you to open a new incognito window and go to
    http://localhost:8081/#/ because there is also another bug that happens if we change from 
    enablePersistence="true", enableVirtualization="false"] to [enablePersistence="true", enableVirtualization="true"]. For now, we focus on the bug with toggle collapse buttons first.
    Illustration: Run the sample in an incognito window 3. In the incognito window,
    filter a column (using the built-in column filter) for example Task Name column, hide "Training", click OK, then click Collapse All button or Expand All button. You will see the Collapse All / Expand All buttons won't work.
    Illustration: Filter Task Name column, hide "Training", then click OK
    4. In this scenario, we use small-data-source.json as data source. If you change it to large-data-source.json, you will see after filtering the column, and clicking Collapse All button, the browser could stop responding and eventually there could be a dialog that offers us to either exit or to wait (the built-in chrome dialog)
    Illustration: We use small-data-source.json for this sample
  • Screenshots, code snippets, and stack traces, if applicable. Please see "Reproducing steps" section above
  • Working sample if possible, which will help us provide a solution sooner.
    I have already provided it in "Reproducing steps" section. For additional info, the sample contains a git repo. The currently selected branch is `gantt-filter-bug` branch. There is also a `develop` branch where the bug doesn't happen because I set enableVirtualization="false".