Our powerful JS Calendar component


Post by SemFA »

Hello,

with v4.3.4, showAllDayHeader config was added. This gives us the option to show events that go over multiple days to render in the normal view over multiple days. However, this comes with some weird bugs.

  1. When you try to drag an event that goes over multiple days to another day, it doesn't show until you drop.
  2. It doesn't always drop to the day you want it to move to.
  3. If you drag the edge of an event to make it longer / shorter, it changes the start and end time to 12:00AM

I've used https://bryntum.com/examples/calendar/basic/ to reproduce these issues with some minor changes:

import { Calendar } from '../../build/calendar.module.js?455384';
import shared from '../_shared/shared.module.js?455384';

const calendar = new Calendar({
    // Start life looking at this date
    date : new Date(2020, 9, 12),

// CrudManager arranges loading and syncing of data in JSON form from/to a web service
crudManager : {
    autoLoad : true
},

appendTo : 'container',

// Features named by the properties are included.
// An object is used to configure the feature.
features : {
    eventTooltip : {
        // Configuration options are passed on to the tooltip instance
        // We want the tooltip's left edge aligned to the right edge of the event if possible.
        align : 'l-r'
    }
},
modes: {
    week: { showAllDayHeader: false }
}
});

How to reproduce:

  • Run the example with the code above
  • Drag a new event from one day to another and give it a name
  • Now try to move the event to another day, it will not show the event moving over new days as an event would that is a single day
  • Now try to drag the bottom of the multi day event to make it shorter or longer, the event will now span from the start of the start date and the end of the end date.

I've included a screen recording that shows the issues

Screen Recording 2021-12-22 at 13.32.08.gif
Screen Recording 2021-12-22 at 13.32.08.gif (5.51 MiB) Viewed 433 times

Post by Animal »

These are known problems with the new mode which are being worked on.

https://github.com/bryntum/support/issues/3846


Post by SemFA »

Ah, okay, thank you :)


Post Reply