Con la regla de cambio de tamaño de CSS, uno puede permitir que se cambie el tamaño de un elemento de la siguiente manera:
.someClass { resize: vertical/horizontal/both }Sin embargo, no puedo encontrar una manera de detectar que se está cambiando el tamaño de un elemento.
La API de arrastrar y soltar de HTML tiene eventos incorporados para detectar el arrastre que se documentan aquí .
¿Hay alguna forma similar en la que pueda detectar cuándo se arrastra un elemento o hacer mi propia versión?
Necesita obtener el elemento mediante un selector. Por ejemplo:
const element = document.querySelector('.someClass'); Y luego puedes usar resizeObserver :
const resizeObserver = new ResizeObserver((entries) => { for (let entry of entries) { console.log(entry) } console.log('Size changed'); }); resizeObserver.observe(element);Para obtener más recursos:https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver