Last Updated: 13 Apr 2022 11:53 by Joh
Created on: 13 Apr 2022 11:53
Category: Gantt
Type: Bug Report
Gantt tasks positioning issue and row misalignment when bootstrap.min.css is loaded on the page

Describe the bug
When boostrap.min.css is loaded on the page, the positioning of the Gantt tasks within the task rows is incorrect. The task are not centered and start overlapping the next row. Additionally, misalignment between the rows in the timeline and the treelist appears.

To reproduce
Steps to reproduce the behavior:


The misalignment increases with each next row, so it becomes more evident, if you scroll down the view.

Expected behavior
Tasks are centered within their row. Timeline and treelist rows are aligned.


Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material
  • theme-tasks

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable

Additional context
Add any other context about the bug.