I designed and developed this character builder for a client and am using dragscroll.js to allow click-and-drag on desktop and scroll snapping to to align items to the character body.
For some reason, dragscroll is functional on Safari, but not on Chrome or Firefox. Anyone have ideas on what feature could be causing the loss of functionality?
My current theory is that one of the many different layers is messing with the interaction (this page is quite a complex mess of wrappers and z-values). Bonus points if you know any way to combine the alignment functionality of scroll-snap with the draggable functionality of dragscroll so everything aligns properly while dragging.
To view the live site (password: notforyou) →