Description
Firstly, I would like to thank the developer(s) of gridstack for providing such an awesome and useful plugin! Great work!
I will greatly appreciate any help!
Thanks,
Stefan
Subject of the issue
When moving or resizing an item, the placeholder acts as expected, while the gridstack item seems to be constrained to only the y axis. This is most likely an issue with my code and not gridstack.
My environment
- gridstack.js - 0.3.0
- jQuery - 3.3.1
- jQuery-UI - 1.12.1
- Underscore.js - 1.9.0
- Any Browser
Steps to reproduce
I have made a CodePen demonstrating my problem.
In this particular example I have a grid with a width of 35. To accomplish this, I used the SASS snippet included in the README of this project. I simply changed $gridstack-columns: 12; to $gridstack-columns: 35; and then used Sassmeister to convert the SASS to CSS and used that in my example code.
Expected behavior
The ideal behavior would be to either move with the placeholder, or not move at all until mouse up.
Actual behavior
When dragging the item (either moving or resizing) the placeholder acts as expected. However, the gridstack item itself will ONLY move with the pointer up and down, as if it is constrained to the y-axis.