Wrong task date range filter in Gantt charts (does not show all the tasks)

[Lukse]

Description

Current behavior is has incorrect date filter. Now it checks if task only start date is in the selected date range, but should check if task date (from start till the end) intersects with the selected date range.

Problem: Gantt chart is not displaying tasks that should be visible.

Vikunja Frontend Version

0.20.3

Vikunja API Version

0.20.1

Browser and version

All

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

Easy to miss most of the tasks:

This is how chart should look like (without selecting extended date range)

[kolaente]

So the tasks which start or end outside the currently selected range would be cut off at the edge of the chart? I'm not sure if that's possible with vue-ganttastic (the gantt library we're using) - @dpschen Do you know something about this?

[dpschen]

We should probably think of what the best way to handle the UX here would be before do anything in a rush.

Regarding the kanban library: As far as I know there is no dedicated functionality for this.

One thing that we could do is to create a computed list of modified tasks. We would need to display something different than what is shown (since start and end date could be different for tasks for the kanban library vs the actual task). Since we can provide additional props to the task object provided to the lib this is possible.

This would add a new problem: if the actual start date is outside the shown range can the user still drag the task? Can he modify the start date?

[dpschen]

Sry. Didn’t want to close… GitHub mobile interface is really bad designed.

[Lukse]

Use the original task dates. Current functionality makes Gantt chart unreliable. I always have to guess if all tasks are in the chart (usually they are not). Alternative solution would be to show all the tasks in the category without date filter (maybe add another checkbox [ ] Show tasks outside selected date range).

[dpschen]

I just checked out the demos of the library. Seems like date ranges outside are supported: https://zunnzunn.github.io/vue-ganttastic/examples.html