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

Activity

1. adumesny

   changed the title [-]After i Dragged the Item, animation not worked[/-] [+]vue3,js example does not animate like float example[/+] on Feb 23, 2022
2. adumesny commented on Feb 23, 2022

   

   adumesny

   on Feb 23, 2022

   Last edited by adumesny

   Member

   More actions

   https://gridstackjs.com/demo/float.html animates when bottom object is pushed to grow the grid, but not in the vue demo https://gridstackjs.com/demo/vue3js.html

   not sure where you see style="transition: none 0s ease 0s;"
3. adumesny

   changed the title [-]vue3,js example does not animate like float example[/-] [+]vue3.js example does not animate like float example[/+] on Feb 23, 2022
4. adumesny

   added

   type:bug

   Vue

   on Feb 23, 2022
5. arg-1138 commented on Feb 24, 2022

   

   arg-1138

   on Feb 24, 2022

   Last edited by arg-1138

   More actions

   style="transition: none 0s ease 0s;" is applied to every item grid-stack-item that has been dragged once. The first time it animates correctly but then after that inline style is applied it stops transitioning.

   • Happening on: https://gridstackjs.com/demo/float.html and vue3 & vue2 demos. (not tested others)
   • Chrome 96.0.4664.110
   • macOS 11.6
6. adumesny commented on Dec 30, 2022

   

   adumesny

   on Dec 30, 2022

   Last edited by adumesny

   Member

   More actions

   not seeing this issue anymore in 7.1.2 (window 10 Chrome)
   the only styles I see left after a drag are those, which is harmeless

   element.style {
       min-width: 0px;
       will-change: left, top;
   }
7. adumesny

   added a commit that references this issue on Dec 30, 2022

   remove dragged style after done

   ...

   fd60fd1
8. adumesny

   closed this as completedon Dec 30, 2022