Este es mi código, he intentado usar setAttribute y no entiendo por qué no funciona. También intenté usar .transform con el mismo resultado. setAttribute se encuentra en la función de evento ondrop.
interact('.dropzone') .dropzone({ // Require a 75% element overlap for a drop to be possible overlap: 0.75, // listen for drop related events: ondropactivate: function (event) { // add active dropzone feedback event.target.classList.add('drop-active') }, ondragenter: function (event) { var draggableElement = event.relatedTarget var dropzoneElement = event.target // feedback the possibility of a drop dropzoneElement.classList.add('drop-target') draggableElement.classList.add('can-drop') }, ondragleave: function (event) { // remove the drop feedback style event.target.classList.remove('drop-target') event.relatedTarget.classList.remove('can-drop') }, ondrop: function (event) { console.log("here") event.relatedTarget.setAttribute('resize-drag', 'width:100px') event.relatedTarget.setAttribute('resize-drag', 'height:100px') }, ondropdeactivate: function (event) { // remove active dropzone feedback event.target.classList.remove('drop-active') event.target.classList.remove('drop-target') } })Solo con fines de depuración, ¿puede intentar agregar una lista de clases? De esa manera verás la clase adjunta
Cree una clase personalizada para cambiar algo visible, como el fondo, como ejemplo. Eso podría ayudarte.
Además, trate de proporcionar una caja de arena si puede, ¡es más fácil ayudar de esa manera!