Scrollbar issue with infiniteScroll & workingTime feature

[taauntik]

Forum post

Hello,

I’ve encountered an issue when using the workingTime feature with infinite scroll.

It seems that when days are removed via the workingTime configuration (or when defining custom ticks using the generateTicks function in the TimeAxis), the horizontal scrollbar stops moving once it reaches the point where new days should be loaded. At that moment, the infinite scrolling appears to break.

This is especially noticeable in presets with a small leaf unit, or when reducing bufferCoef, or when shrinking the browser window. In all these cases, I would expect scrolling to continue normally.

In the example below, I used a bufferCoef of 3, but I was also able to reproduce the issue with a value of 5 in a half-hour preset by reducing the window size.

The issue can be reproduced on your Infinite scroll + CrudManager demo page : https://bryntum.com/products/schedulerpro/examples/infinite-scroll-crudmanager/

const scheduler = new SchedulerPro({
    appendTo: 'container',
    viewPreset: 'hourAndDay',
    infiniteScroll: true,
    bufferThreshold: 0.01,
    bufferCoef: 3,
    // removing saturday and sunday (week-end) with workingTime
    workingTime: {
        fromDay: 1,
        toDay: 6
    },
    project : {
        autoLoad        : true,
        autoSync        : true,
        lazyLoad        : true,
        loadUrl         : 'php/read.php',
        syncUrl         : 'php/sync.php',
        phantomIdField  : 'phantomId',
        assignmentStore : {
            syncDataOnLoad : false
        },
        resourceStore : {
            syncDataOnLoad : false,
            fields         : [
                { name : 'calendar', persist : false },
                { name : 'maxUnit', persist : false },
                { name : 'parentId', persist : false }
            ]
        },
        eventStore : {
            syncDataOnLoad : false,
            fields         : [
                { name : 'duration', persist : false },
                { name : 'effort', persist : false },
                { name : 'constraintDate', persist : false }
            ]
        }
    },
    features : {
        // Grouping is not supported when using a lazyLoad store
        group  : false,
        filter : false
    },
    columns : [
        {
            text       : 'Resource',
            field      : 'name',
            width      : 200,
            sortable   : false,
            filterable : false
        }
    ],
});

Any ideas to solve this issue ? Thanks!

[taauntik]

From User:

Hello, in addition to this issue, with the same demo and same config, it appears that sometimes clicking on the header is also kind of buggy since it throws an exception before the 'timeAxisHeaderClick' event when passing a workingTime config that removes some days off. See gif below