Re-init when scroll area pass from "display: none" to "display: block"

[valeriosillari]

I've set the vue chat scroll and I got the all working.

The vue chat area is inside a div (like a left off-canvas element) that can be toggled and show/hidden just with the css property display block/hidden.

I've noticed that all if fine for the scroll until the div is shown.
Whenever the div is "hidden" and a new message is coming to the chat, the chat scroll "freezes" at the position where it was, so if I reopen my off-canvas box I cannot see the latest message until manually I scroll at the bottom of the chat.

1. anybody experience the same issue?
2. this could be defined as issue?
3. there is a way to "re-init" the scroll when a vue parameter and event is happening?