Auto scroll doesn't scroll to the bottom when displaying images

[gdaniel]

The scrolling will stop before the end of the conversation if some messages contain images. This is related to the way scrolling is implemented: we trigger a scrolling in Messages.componentDidUpdate(), but when the component is updated the image is still loading, and has a height of 0px until it's fully loaded. This means that the scrollHeight property value is wrong, and that helpers.scrollToBottom uses a wrong scroll offset.

Related resource

• https://www.javascriptstuff.com/detect-image-load/: not sure how to reuse this though, we can detect that an image is loaded but we don't want to trigger scrolling at random moments