Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unable to Drag in vue-cal Component After Adding event-drag-create #583

Open
yangrongwe opened this issue Aug 27, 2024 · 1 comment
Open

Comments

@yangrongwe
Copy link

Problem Description:

During the usage of the vue-cal component, we discovered that once the event-drag-create event listener is added, the originally normal dragging function ceases to work.

Related Links

GitHub Source Code: https://github.com/yangrongwe/vue3-jp-admin/blob/main/src/components/JpCalender/index.vue
Demo Address: https://wxcorer.com/components/calender

Detailed Steps and Phenomena:

Import and configure the vue-cal component in the project to ensure its basic display and interaction functions are normal, including being able to display the calendar properly and perform simple click operations.
Add the event-drag-create event listener in the typical Vue event binding manner like @event-drag-create="handleEventCreate", where handleEventCreate is the corresponding event handling function.
Attempt to perform dragging operations on the calendar, such as dragging a calendar event or trying to adjust its position. However, at this point, it is found that dragging is impossible. The mouse dragging action has no effect at all. Before adding event-drag-create, the dragging function was working properly.

Expected Result:

After adding the event-drag-create event listener, the dragging function of the vue-cal component should still be usable normally. At the same time, it should be able to respond correctly to the event-drag-create event and execute the corresponding logic.

Actual Result:

The dragging function completely fails and it is impossible to drag elements in the calendar, which seriously affects the user experience and the interactivity of the application.
Possible Impact Range:
This issue may affect any scenarios where the vue-cal component is used and requires both dragging and custom event creation logic simultaneously. For example, in applications like schedule management or project planning tools where users need to flexibly operate calendar events.

@yangrongwe
Copy link
Author

There is no problem with holding down to delete, clicking to edit, and dragging to create. The problem lies in that the newly created event cannot be dragged. I'm not sure whether it's my incorrect usage method or a bug. Could you please confirm it for me? Thank you very much.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant