Events drag and drop problem

Hi! Today I tried to make droppable events by Draggable plugin. (earlier I did the same at my own Vue-component) What have been done:

1. Import plugins: import interactionPlugin, { Draggable } from '@fullcalendar/interaction';
2. Make Interaction plugin available: calendarPlugins: [ interactionPlugin, timeline ],
3. Create Draggable object: new Draggable(document.getElementById('planned-tasks'), { itemSelector: '.fc-event', eventData: function(eventEl) { return { title: eventEl.innerText, duration: "02:00" }; } });

But when I drop event on calendar - nothing happens, like when Draggable.eventData returns object with create:false attribute. I also have problem with dragging events inside of calendar, when I try to drag event - nothing happens. And no errors in console in both cases. Only event resize works fine. Is it problem with InteractionPlugin support or something?

P.S.: just in case I restart my browser before sending an issue =)

[bulletbs]

Strange thing. In CodeSandBox it’s works fine https://codesandbox.io/s/n9x732zyrj But when I put this component in my application - problem is still there.

Can you make a reduced test case? this debugging template will help as a starting point: https://codesandbox.io/s/8xyz32l0r8

https://fullcalendar.io/reduced-test-cases

Ok, I’ll try to.

[yujin1st]

In my case was simple answer: Set new Draggable (document.getElementById('planned-tasks')) AFTER you load data, not in mounted or created