Support for handling overlapping event label names (top or bottom label)

[matsbryntse]

Forum post

Good day! I expected that if the names overlap, then the event will move down, but this does not happen. 'labelLayoutMode' config don't work.

const scheduler = new Scheduler({
    appendTo : document.body,

// makes scheduler as high as it needs to be to fit rows
autoHeight : true,
barMargin  : 5,
rowHeight  : 70,

features : {
    labels : {
      labelLayoutMode: 'estimate',
        top : {
            field  : 'location',
            editor : {
                type : 'textfield'
            }
        },
        bottom : {
            renderer : ({ eventRecord }) => `ID: ${eventRecord.id}`
        }
    }
},

startDate : new Date(2018, 4, 6),
endDate   : new Date(2018, 4, 13),

columns : [
    { field : 'name', text : 'Name', width : 100 }
],

resources : [
    { id : 1, name : 'Bernard' },
    { id : 2, name : 'Bianca' }
],

events : [
    { id : 1, resourceId : 1, name : 'Interview', location : 'Office Office Office Office Office Office Office Office', startDate : '2018-05-07', endDate : '2018-05-8' },
    { id : 2, resourceId : 1, name : 'Meeting', location : 'Client\`s office Client\`s office Client\`s office  Client\`s office', startDate : '2018-05-08', endDate : '2018-05-9' }
]
});

```![Screenshot_2.png](https://www.bryntum.com/forum/download/file.php?id=13810)
![Screenshot_2.png](https://www.bryntum.com/forum/download/file.php?id=13810)

[ghulamghousdev]

Plus one: https://forum.bryntum.com/viewtopic.php?p=151454#p151454

[ghulamghousdev]

Another request: https://forum.bryntum.com/viewtopic.php?p=155102#p155102