So with the current Popover implementation, if you use it on a list it will spawn a HUGE number of components that you have to keep track of and close by id. This could lead to some serious memory concerns in lists of hundreds or thousands of items. Does anyone have suggestions or ideas on how to get the same effect more efficiently? I’d really appreciate any ideas.

@a47ae Thank you for your reply! Sadly none of those worked, ultimately only the following worked:

this.$refs.chatArea.setScrollPosition(this.$refs.chatArea.$el.scrollHeight, 1);

Directly modifying the DOM elements attached to the $ref didn’t work, in addition the second parameter is not optional as indicated in the documentation, which really tripped me up for awhile. Anyway, I hope this helps others.

One other thing is that it would be nice if it could integrate infinite scroll functionality too :). Thanks again!

Hi everyone,

Please forgive the new-guy question, but I need to make a scroll-area scroll to the bottom automatically if the user hasn’t scrolled off the bottom. Sort-of like a “chat” style interface, keeping the most recent messages at the bottom of the screen. Has anyone played with anything like this and have a good suggestion? I tried the vue-chat-scroll library on both a scroll-view and a UL with no luck.

Thanks in advance!

-jdscolam

PS: I am really loving the framework so far, this is the first issue I’ve run into that I couldn’t just solve via the docs.