Does not scroll to bottom if the incoming message contains an external image.

[medberg]

If the incoming message contains an image, for example:

<img src="http://via.placeholder.com/350x350" />

the StayScrolled component doesn't stay scrolled. This is presumably because the image is loaded asynchronously into the dom. Is there a recommended workaround for this? Thanks, and great job on this library!

[medberg]

For anyone running into this same issue, a simple and effective solution is to pass the stayScrolled function to the onLoad callback like this:

<img src="http://via.placeholder.com/350x350" onLoad={this.props.stayScrolled} />

[perrin4869]

@medberg Sorry for the late reply!
Thanks for finding the solution to the issue :)
Let me reopen this because there should probably be an example showing how to do this.
I'd greatly appreciate it if you could submit one, otherwise I'll get around to adding one!

[Mattgh91]

Excellent solve, thanks! Much appreciated.