Tengo una aplicación de chat que agrega mensajes en la parte inferior y, cuando se alcanza un límite, elimina el mensaje más antiguo. Entonces agrega y elimina un mensaje al mismo tiempo. Estoy usando ResizeObserver para detectar cambios en el área de chat.

 Hue.chat_resize_observer = new ResizeObserver(function () { Hue.goto_bottom() }) Hue.chat_resize_observer.observe(Hue.el("#chat_area")) Hue.chat_resize_observer.observe(Hue.el("#chat_area_parent"))

El problema que tengo es que el observador simplemente no se activa con algunos mensajes, y supongo que se debe a que el mensaje que se inserta tiene la misma altura que el mensaje que se eliminó. ¿Cómo podría evitar esto? ¿O tal vez podría usar otro observador? Uso ResizeObserver porque tiene en cuenta todos los cambios de altura, por ejemplo, en el mensaje agregado/eliminado o el cambio de altura del mensaje. Estoy pensando que podría emparejarlo con MutationObserver o usar setTimeout, pero esas no parecen soluciones ideales.