Events drag and drop problem about fullcalendar-vue HOT 7 CLOSED

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.

from fullcalendar-vue.

I have the same problem, drag-drop does not work on Vue fullcalender.
Please tell me what am I to do?

from fullcalendar-vue.

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

from fullcalendar-vue.

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

from fullcalendar-vue.

@arshaw using the codesandbox, I try dragging the only event there, but it doesn't move. Is there anything need to be enabled to make event drag works?

EDIT: I need to set editable props to true to enable drag and drop.
This list of props and events helps me https://github.com/fullcalendar/fullcalendar-vue/blob/master/src/fullcalendar-options.js

There's droppable and dropAccept. Maybe that will help with @bulletbs case?

from fullcalendar-vue.

Same issue with me currently. I updated to
@fullcalendar/[email protected]
@fullcalendar/[email protected]
@fullcalendar/[email protected]
though and it seems to be working now. Dragging, dropping, resizing.

from fullcalendar-vue.

Hi, I have the issue that the drag only works on the "timelineDay" view.

The events on the timeGridWeek or timeGridDay view do not get rendered properly . (or not at all) after dropping. Also the events are not editable or dragable after dropping. If I drop an event on the timelineDay view, it does get renderen in the TimeGridWeek view, but below the normal calendar (see image)

I created an test case here: https://codesandbox.io/s/vue-template-er5p0

I am using
"@fullcalendar/core": "^4.3.1", "@fullcalendar/daygrid": "^4.3.0", "@fullcalendar/interaction": "^4.3.0", "@fullcalendar/timegrid": "^4.3.0", "@fullcalendar/timeline": "^4.3.0", "@fullcalendar/vue": "^4.3.1"

Thanks

UPDATE

My mistake I forgot to include all necessary css files. Everything is working as it should now.

import "@fullcalendar/core/main.css"; import "@fullcalendar/daygrid/main.css"; import "@fullcalendar/timeline/main.css"; import "@fullcalendar/timegrid/main.css";

from fullcalendar-vue.