Repository navigation
Disable animation on init #2496
Description
Good afternoon, I recently updated my version from a fairly old one to a new one, and noticed that now when the page is initialized, it's as if all the widgets are in zero coordinates and move to their place with animation
Here you can observe this effect:
https://gridstackjs.com/demo/nested.html
Of course you can disable it with the "animate" parameter, but in this way all animation will be disabled, when dragging, resizing, etc.
The feeling that this did not happen before, i.e. there was animation when moving and changing, but it was not there when initializing, and all widgets were immediately in their place when loading
Please tell me how you can solve my problem. Thanks
Activity
adumesny commentedon Oct 9, 2023
yeah noticed that as well recently. not sure when it started...
bad-shape-guy commentedon Oct 10, 2023
I think the problem is between releases 8.1.0 and 8.1.1
.grid-stack > .grid-stack-item { position: absolute; top: 0px; left: 0%; padding: 0; }Attributes top and left break the display of widgets
Although, if you remove these attributes, the animation disappears completely :/
adumesny commentedon Oct 11, 2023
8.1.1 had a tons of CSS changes #2315 and likely side affect - thanks for narrowing it down the build #
but yeah think this is the issue
JakubEleniuk commentedon Nov 4, 2023
Can be fixed by removing this line
gridstack.js/src/gridstack.scss
Line 132 in 599965a
adumesny commentedon Nov 5, 2023
no that removes the entire animation for everything. the problem is on init - maybe fix is to delay setting animation style on the grid until after init... not sure what 8.1.1 change broke this.
animation on init fix
adumesny commentedon Nov 11, 2023
fixed in next release. don't forget to donate if you find this lib useful!