I tried to reproduce the bug you described, But I don't see any problems.
Please use the code below in any of our scheduler examples (just replace all app.js code with the one I posted) and try to reproduce the problem.
import '../_shared/shared.js'; // not required, our example styling etc.
import WidgetHelper from '../../lib/Core/helper/WidgetHelper.js';
import Splitter from '../../lib/Core/widget/Splitter.js';
import '../../lib/Grid/feature/Stripe.js';
import Scheduler from '../../lib/Scheduler/view/Scheduler.js';
import '../../lib/Scheduler/column/ResourceInfoColumn.js';
import '../../lib/Grid/feature/FilterBar.js';
import '../../lib/Grid/feature/Tree.js';
import '../../lib/Scheduler/feature/EventDragSelect.js';
//region Data
WidgetHelper.append([
{
type : 'button',
ref : 'zoomInButton',
cls : 'b-tool',
icon : 'b-icon-search-plus',
tooltip : 'Zoom in',
onAction : () => scheduler1.zoomIn()
},
{
type : 'button',
ref : 'zoomOutButton',
cls : 'b-tool',
icon : 'b-icon-search-minus',
tooltip : 'Zoom out',
onAction : () => scheduler1.zoomOut()
}
], { insertFirst : document.getElementById('tools') || document.body });
const
resources = [
{ id : 1, name : 'Arcady', role : 'Core developer', eventColor : 'purple' },
{ id : 2, name : 'Dave', role : 'Tech Sales', eventColor : 'indigo' },
{ id : 3, name : 'Henrik', role : 'Sales', eventColor : 'blue' },
{ id : 4, name : 'Linda', role : 'Core developer', eventColor : 'cyan' },
{ id : 5, name : 'Maxim', role : 'Developer & UX', eventColor : 'green' },
{ id : 6, name : 'Mike', role : 'CEO', eventColor : 'lime' },
{ id : 7, name : 'Lee', role : 'CTO', eventColor : 'orange' }
],
events = [
{
id : 1,
resourceId : 1,
name : 'First Task',
startDate : new Date(2018, 0, 1, 10),
duration : 2,
durationUnit : 'h'
},
{
id : 2,
resourceId : 2,
name : 'Second Task',
startDate : new Date(2018, 0, 1, 12),
duration : 2,
durationUnit : 'h'
},
{
id : 3,
resourceId : 3,
name : 'Third Task',
startDate : new Date(2018, 0, 1, 14),
duration : 2,
durationUnit : 'h'
},
{
id : 4,
resourceId : 4,
name : 'Fourth Task',
startDate : new Date(2018, 0, 1, 8),
duration : 2,
durationUnit : 'h'
},
{
id : 5,
resourceId : 5,
name : 'Fifth Task',
startDate : new Date(2018, 0, 1, 15),
duration : 2,
durationUnit : 'h'
},
{
id : 6,
resourceId : 6,
name : 'Sixth Task',
startDate : new Date(2018, 0, 1, 16),
duration : 2,
durationUnit : 'h'
}
];
//endregion
const scheduler1 = new Scheduler({
ref : 'top-scheduler',
appendTo : 'container',
flex : '1 1 50%',
multiEventSelect : true,
resourceImagePath : '../_shared/images/users/',
features : {
stripe : true,
sort : 'name',
eventDrag : {
// Allow drag outside of this Scheduler
constrainDragToTimeline : false
},
eventDragCreate : false,
eventDragSelect : true
},
columns : [
{
type : 'resourceInfo',
text : 'New York office',
width : '15em'
}
],
resources,
events,
startDate : new Date(2018, 0, 1, 6),
endDate : new Date(2018, 0, 2, 20),
viewPreset : 'hourAndDay'
});
new Splitter({
appendTo : 'container'
});
const scheduler2 = new Scheduler({
ref : 'bottom-scheduler',
appendTo : 'container',
flex : '1 1 50%',
partner : scheduler1,
resourceImagePath : '../_shared/images/users/',
// hideHeaders : true,
features : {
stripe : true,
tree : true,
filterBar : true,
sort : 'name',
eventDrag : {
// Allow drag outside of this Scheduler
constrainDragToTimeline : false
},
eventDragCreate : false,
eventDragSelect : true
},
columns : [
{
type : 'tree',
field : 'name',
text : 'Stockholm office',
width : '15em'
}
],
resources : [
{
"id" : 1,
"name" : "Kastrup Airport",
"iconCls" : "b-fa b-fa-plane",
"expanded" : true,
"children" : [
{
"id" : 2,
"name" : "Terminal A",
"iconCls" : "b-fa b-fa-building",
"expanded" : true,
"children" : [
{
"id" : 3,
"name" : "Gates 1 - 5",
"iconCls" : "b-icon b-icon-circle",
"expanded" : true,
"children" : [
{
"id" : 4,
"name" : "Gate 1",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 100
},
{
"id" : 5,
"name" : "Gate 2",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 45
},
{
"id" : 6,
"name" : "Gate 3",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 45
},
{
"id" : 7,
"name" : "Gate 4",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 65
},
{
"id" : 8,
"name" : "Gate 5",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 75
}
]
},
{
"id" : 9,
"name" : "Gates 6 - 10",
"iconCls" : "b-icon b-icon-circle",
"expanded" : true,
"children" : [
{
"id" : 10,
"name" : "Gate 6",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 77
},
{
"id" : 11,
"name" : "Gate 7",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 85
},
{
"id" : 12,
"name" : "Gate 8",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 95
},
{
"id" : 13,
"name" : "Gate 9",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 55
},
{
"id" : 14,
"name" : "Gate 10",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 15
}
]
}
]
},
{
"id" : 15,
"name" : "Terminal B",
"iconCls" : "b-fa b-fa-building",
"children" : [
{
"id" : 16,
"name" : "Gates 1 - 5",
"iconCls" : "b-icon b-icon-circle",
"children" : [
{
"id" : 17,
"name" : "Gate 1",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 15
},
{
"id" : 18,
"name" : "Gate 2",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 45
},
{
"id" : 19,
"name" : "Gate 3",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 45
},
{
"id" : 20,
"name" : "Gate 4",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 65
},
{
"id" : 21,
"name" : "Gate 5",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 70
}
]
},
{
"id" : 22,
"name" : "Gates 6 - 10",
"iconCls" : "b-icon b-icon-circle",
"children" : [
{
"id" : 23,
"name" : "Gate 6",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 80
},
{
"id" : 24,
"name" : "Gate 7",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 120
},
{
"id" : 25,
"name" : "Gate 8",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 125
},
{
"id" : 26,
"name" : "Gate 9",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 100
},
{
"id" : 27,
"name" : "Gate 10",
"leaf" : true,
"iconCls" : "b-icon b-icon-circle",
"capacity" : 100
}
]
}
]
}
]
}
],
events : [
{
id : 11,
resourceId : 11,
name : 'Implement Feature X',
startDate : new Date(2018, 0, 1, 10),
duration : 2,
durationUnit : 'h'
},
{
id : 12,
resourceId : 12,
name : 'Refactoring',
startDate : new Date(2018, 0, 1, 12),
duration : 2,
durationUnit : 'h'
},
{
id : 13,
resourceId : 16,
name : 'Write application tests',
startDate : new Date(2018, 0, 1, 14),
duration : 2,
durationUnit : 'h'
}
]
});