I'm using interact.js in my javascript app, i'm just using resize option to resize html div using mouse drag and drop, and resize is just horizontal.

The problem i'm trying to solve is: I can not setup easily snap options since those options are in pixels and we are using bootstrap columns and not pixels (col-3, col-6, etc.), but i already did a conversion function so convert from pixels to bootstrap columns is not a problem now.

I need to modify resize to allow resize immediately once i do drag and mouse move, the object size will jump to the next width position to show how can resize ends...

I know i can do this using snap but i can not use this option easily since i can not load snap options at page load, is there any way to add snap options or another config options in interact.js anytime ??? or once an event is triggered ?