a problem when use QChatMessage and QScrollArea

[zsykd03]

script...........................................................
updated:function() {
if(this.scroll_flag){
this.$refs.scroll_area.setScrollPosition(this.$refs.chat.offsetHeight,500)
}
},
script...........................................................

this code work perfect in PC ,but it have confusion in mobile,the vue method "setScrollPosition" is not work,so
in mobile device the chat-message list cannot scroll to the bottom of the scroll-area,can you help me? thanks!

[rstoenescu]

Hello,

What Quasar version are you using?

[zsykd03]

thanks for answer，I use
Quasar CLI........ v0.17.7
Quasar Framework.. v0.17.6

[zsykd03]

this is the HTML
<div style="width: 100vw; max-width: 100vw ; " ref="scrollarea" > <q-scroll-area class="fit" ref="scroll_area" > <div class="row justify-center q-pa-sm" > <q-btn push flat rounded color="primary" label="loadmore" :loading="loading" @click="loadingMore" <span slot="loading"> <q-spinner-dots /> </span> </q-btn> </div> <div class="q-pa-sm " ref="chat" > <q-chat-message v-for="(msg, index) in this.messages" :key="avatar-${index}" :label="msg.label" :sent="msg.sent" :name="msg.name" :text="msg.text" :stamp="msg.stamp" /> </div> </q-scroll-area>

[zsykd03]

@rstoenescu
hello,can you help me ?

[zsykd03]

hello,the new cli@0.17.19 had correction this problem ? At 2018-09-12 14:54:18, "Razvan Stoenescu" <notifications@github.com> wrote: Hello, What Quasar version are you using? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

[smolinari]

Hi,

The CLI version won't fix your problem. Also, you posted this in the wrong repo.

You might want to put it in the right repo and close this one to get faster replies from the devs.

https://github.com/quasarframework/quasar

Scott