Timeline Prevent Item overlap and double click add item

[MR-AMDEV]

I am using this Timeline library and quite loving it But there are things that i am unable to find out.

1. By using stack: false i can prevent stacking but i am looking for a way to Also prevent overlap of items (and probably arranging it to the next of the former item)
2. Looking to disable the double click to add item thing, I have tried to disable it by:

editable: { add: false }

but it also disables the functionality to add item using drag and drop.
So what could be the possible solution? Could be a feature?

[Fanna1119]

I am also wondering about this. have you found a solution or workaround? this is a very interfering bug.

my initial guess was to listen for the double click event and prevent the default or something similar but i could not figure it out.

i then tried to just do listen on the onAdd event and check if the item is new item and then remove it, but it seems it is like a ghost item. it does not appear in my dataset....

After a bit of debugging. It seems the issue starts here.
https://github.com/visjs/vis-timeline/blob/master/lib/timeline/component/ItemSet.js

vis-timeline/lib/timeline/component/ItemSet.js

Line 2362 in 327fd3d

_onAddItem(event) {

Handle creation of an item on double tap or drop of a drag event should definitely be handled differently.

vis-timeline/lib/timeline/component/ItemSet.js

Line 2390 in 327fd3d

newItemData = {

Here is the culprit starting on Line 2390. What purpose does this serve?

[Fanna1119]

(update)

on the onAdd event.
I just did this.
A bit dirty especially when the content is actually supposed to be new item

function isUUID(uuid) {
    var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
    return regex.test(uuid);
}

    onAdd: (item, callback) => {
        if (item.content == 'new item' && isUUID(item.id) ) {
            return;
        } else {
            // emits('onAdd', item);
            callback(item);
        }

according to a code comment on

vis-timeline/lib/timeline/component/ItemSet.js

Line 2408 in 327fd3d

// execute async handler to customize (or cancel) adding an item

how does one initiate the cancelling properly?

[TheophileMot]

@Fanna1119 To cancel, use callback(null). From the documentation:

Each of the callbacks is invoked with two arguments:

• item: the item being manipulated
• callback: a callback function which must be invoked to report back. The callback must be invoked as callback(item) or callback(null). Here, item can contain changes to the passed item. Parameter item typically contains fields content, start, and optionally end. The type of start and end is determined by the DataSet type configuration and is Date by default. When invoked as callback(null), the action will be cancelled.