timeSpanHighlight: highlighted task timespan height not adjusting with that of rows

Post by **Jerther** » Fri Jan 20, 2023 7:50 pm

Hello!

This might be related to this other post. Here's how to reproduce:

Enable the timeSpanHighlight feature in the code editor:

{
// snip!
  features: {
    // snip!
    timeSpanHighlight : true
  }
}

In the browser console, add a timespan for task with id 2 ("Website Design"):

gantt.highlightTimeSpans([{name: 'test', startDate: new Date(2019, 1, 1), endDate: new Date(2019, 1, 28), taskRecord: gantt.taskStore.getById(2) }])

In the "Settings" menu button from the demo, in "UI Settings", slide the "Row height" slider and observe the timespan height, and position.
The timespan height does not adjust, and its position does not follow its row.

If you were to adjust the row height first, and then add the timespan (that is switch steps 3 and 4), the timespan height would be fine.

A workaround to this would is to call https://www.bryntum.com/products/gantt/docs/api/SchedulerPro/view/SchedulerProBase#function-highlightTimeSpans every time the slider changes but that's a bit inefficient, so then also add some debouncing, but that gets tedious

Post by **marcio** » Fri Jan 20, 2023 11:10 pm

Hey Jerther,

Thanks for the detailed report and the step-by-step.

Support Forum