Bug report: deadline markers left behind when chart height not set to “auto”

[Adam Dawes]

In my application, I need the Gantt chart height to fill an area of the page. I am therefore setting the height CSS attribute on the smart-gantt-chart element to the height that I need.

This mostly works fine, but it is causing problems with deadline markers if one of the projects in the chart is collapsed. Collapsing the project removes the number of effective rows, and any deadline markers in the space that is no longer being used get left behind, floating in empty space.

The same problem occurs if I update the chart dataSource to a new set of items with fewer rows than the previous set.

I have worked around this when changing the dataSource by getting my code to delete all child elements of the element with class smart-timeline-deadlines-container before setting the new data, but I can’t do this when collapsing a project as I don’t know which child elements to delete.

To reproduce this, do the following:

• Open the “Task Deadline” example here: https://www.htmlelements.com/demos/gantt/task-deadline/
• Using the browser debugger, find the smart-gantt-chart element and change its height CSS from auto to 100vh

• Now collapse the project groups. Deadline markers from the tasks at the bottom of the chart will be left floating in empty space.

 

It would be great if this could be fixed. I have had to disable collapsing the project groups to avoid this happening at the moment.

[Markov]

Hi,

Thanks for the feedback! We created a work item about this issue.

Best regards,
Markov

Smart UI
https://www.htmlelements.com/

[Author]

Posts