Gantt 4.0.2 - Baseline and rollup overlap

[MauriceLapre]

Hi,

I'm using Baselines and Rollup functionalities, and pre-4.x this was working fine (in terms of layout):

Bryntum Gantt - 019.png (10.4 KiB) Viewed 778 times

Now, in 4.0.2., they overlap:

Bryntum Gantt - 020.png (9.14 KiB) Viewed 778 times

I haven't changed anything in my code, taken from the Baselines demo:

baselines : {
            disabled : false,
            template(data) {
                const me = this,
                    { baseline } = data,
                    { task } = baseline,
                    delayed = task.startDate > baseline.startDate,
                    overrun = task.durationMS > baseline.durationMS;

            let { decimalPrecision } = me;

            if (decimalPrecision == null) {
                decimalPrecision = me.client.durationDisplayPrecision;
            }

            const multiplier = Math.pow(10, decimalPrecision),
                displayDuration = Math.round(baseline.duration * multiplier) / multiplier;
            
            return `
            <div class="b-gantt-task-title">${task.name} (baseline ${baseline.parentIndex + 1})</div>
            <table>
            <tr><td>${me.L('Start')}:</td><td>${data.startClockHtml}</td></tr>
            ${baseline.milestone ? '' :  `
                <tr><td>${me.L('End')}:</td><td>${data.endClockHtml}</td></tr>
                <tr><td>${me.L('Duration')}:</td><td class="b-right">${displayDuration + ' ' + DateHelper.getLocalizedNameOfUnit(baseline.durationUnit, baseline.duration !== 1)}</td></tr>
            `}
            </table>
            ${delayed ? `
                <h4 class="statusmessage b-baseline-delay"><i class="statusicon b-fa b-fa-exclamation-triangle"></i> ${me.L('Delayed start by')}  ${DateHelper.formatDelta(task.startDate - baseline.startDate)}</h4>
            ` : ''}
            ${overrun ? `
                <h4 class="statusmessage b-baseline-overrun"><i class="statusicon b-fa b-fa-exclamation-triangle"></i> ${me.L('Overrun by')}  ${DateHelper.formatDelta(task.durationMS - baseline.durationMS)}</h4>
            ` : ''}
            `;
            
        }
    }

Could you have a look at this? Thank you!

[fabio.mazza]

Hi MauriceLapre, thanks for your report, there is a bug on style that overlap baseline and rollup, here is the issue to track: https://github.com/bryntum/support/issues/1849

Thank you!

[MauriceLapre]

Alright, thank you. I'm subscribed to the issue.