Environments

• Framework name: Vanilla JS
• Framework version: N/A
• Moveable Component version: 0.48.0
• Testable Address(optional): https://codepen.io/jadiagaurang/pen/QWJyEaE

Description

I am trying to force user to drag or resize single element or group of element to the multiple of Xpx (i.e. 50px).

I am using following config properties to achieve 50x50 grid.

snapDigit: 50,
snapThreshold: 50, // Distance value that can snap to guidelines
snapGridWidth: 50, 
snapGridHeight: 50, 

But, for some reason, sometimes, users are able to drag or resize Elements into non multiples of 50px x 50px cell.

For time being I am using request to move the element back into into 50px x 50px cell.

But, is there any efficient inbuild way to achieve that?