Skip to content

vue3.js example does not animate like float example #1936

@gusdn0828

Description

@gusdn0828

Subject of the issue

If unsure if library bug, or questions use slack channel instead: https://gridstackjs.troolee.com/


I want to use this library in vue3.
After I dragged a item, it got the attr like this

style="transition: none 0s ease 0s;"

The animation of item's behind the dragging item does not work.
Vue demo also same, but basic demo is working.

vue demo's link:
https://gridstackjs.com/demo/vue3js.html
basic demo's link:
https://gridstackjs.com/

Please fix this bug.

Your environment

  • gridstack.js 5.0.0
  • HTML5 plugin
  • Chrome/Windows 10
  • Vue 3.2.25,
  • Vite 2.8.0

Steps to reproduce

  1. Enter this demo page
    https://gridstackjs.com/demo/vue3js.html

  2. Drag 0 item over 1 item

  3. Drag 1 item over 0 item

  4. So 0 item's animation doesn't work.

Expected behavior

Please fix the bug.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions