Kanban column scrollbar still showing after clearing data source to null array

[davout]

I am using the smart kanban component, where in certain instances there can be a large number of tasks in a single column and the column scrollbar appears
If I then clear all the tasks from the kanban by setting the datasource to an empty array, I have noticed that the column scroll bars are not removed.  i.e the column has  no tasks but the column is showing a scrollbar.
 

[yavordashew]

Hi davout,
Yes the reported behavior is present as described.
However when you want to remove tasks from the SmartKanban I suggest you use the removeTask() method.
Quick code example if you want to remove all the tasks in a kanban:

   for(let i = 0; i < this.kanban.dataSource.length; i ++){
                this.kanban.removeTask(i);
    }

More about it you can find in the API of the Kanban:
https://www.htmlelements.com/docs/kanban-api/
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[davout]

To me this looks like a bug…
In my code I am assigning a new array of objects directly to the ‘data source’  property.
Like…

<smart-kanban #kanban class="task-smart-kanban" id="kanban"
              [collapsible]="collapseColumns"
              [columns]="columns$ | async"
              [dataSource]="specialTasks$ | async"
              [taskDue]="true"
              [formatStringDate]="'dd MMM yyyy'"
              [taskUserIcon]="false"
              [taskActions]="true"
              (onDragEnd)="onDragEnd($event)"
              (onChange)="onChange($event)"
>
</smart-kanban>

[yavordashew]

Hi davout,
Yes I’m aware that is a bug and I have added a work item for it and.
We will work to fix this issue as soon as we are able to.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts