Scheduler resource time range name (label) not visible

[jsakalos]

Reproduced (the label appears on scrolling). The steps are on the following screencast:

Forum post

Hello,
If we try to use the resource time ranges feature and we specify the start date (time), for some item, to be less than the current start date (time) of the scheduler then the label for that item will not be visible initially. We have managed to find a workaround for this by setting the start date of the item to be the same as the start date (time) of the calendar.

Is there some other solution for this or this is a bug?

Example:

If we set the startDate for an item: new Date(2019, 0, 1, 6), where the 6 is starting hour everything is working fine because that is the same startDate for the scheduler. If we set the start date to be new Date(2019, 0, 1) then the "TEST" label is not visible initially. It becomes visible if a user changes the window size.

We have manged to reproduce this behaveiour here

https://www.bryntum.com/examples/scheduler/resourcetimeranges/
with the following code:

const resources          = [
        { id : 'r1', name : 'Mike' },
        { id : 'r2', name : 'Linda' },
    ],

events             = [
],

resourceTimeRanges = [
    {
      id: 1,
      resourceId: "r2",
      startDate: new Date(2019, 0, 1, 6),      // <---
      endDate: new Date(2019, 0, 5),
      name: 'TEST',                           // <---
      timeRangeColor: 'red',
    },
];

class MyResourceTimeRange extends RecurringTimeSpan(ResourceTimeRangeModel) {};

class MyResourceTimeRangeStore extends RecurringTimeSpansMixin(ResourceTimeRangeStore) {

static get defaultConfig() {
    return {
        // use our new MyResourceTimeRange model
        modelClass : MyResourceTimeRange
    };
}
};

const resourceTimeRangeStore = new MyResourceTimeRangeStore({
    data : resourceTimeRanges
});

let newRangeCount = 0;
 
const scheduler = new Scheduler({
    appendTo : 'container',
    startDate         : new Date(2019, 0, 1, 6),      // <---
    endDate           : new Date(2019, 0, 1, 20),
    viewPreset        : 'hourAndDay',
    rowHeight         : 90,
    barMargin         : 3,
    resourceMargin    : 25,
    resourceImagePath : '../_shared/images/users/',
    eventStyle : 'plain',
    eventColor : 'blue',
    columns : [
        { type : 'resourceInfo', text : 'Name', field : 'name', width : 130 }
    ],
    features : {
        resourceTimeRanges : true
    },
    resources,
    events,
    // the store will be used by the "resourceTimeRanges" feature
    resourceTimeRangeStore,
});