butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix scroll

Browse source 
Issue #12. Scrolling was broken when the resize observer was added as last child.
This commit is contained in:
N-Pex 2020-12-10 12:51:04 +01:00
parent bfed8efbbc
commit 6db4365b87
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/Chat.vue
View file

@ -5,8 +5,13 @@
class="chat-content flex-grow-1 flex-shrink-1" class="chat-content flex-grow-1 flex-shrink-1"
ref="chatContainer" ref="chatContainer"
style="overflow-x: hidden; overflow-y: auto" style="overflow-x: hidden; overflow-y: auto"
v-on:sscroll="onScroll" v-on:scroll="onScroll"
> >
<!-- Handle resizes, e.g. when soft keyboard is shown/hidden -->
<resize-observer
ref="chatContainerResizer"
@notify="handleChatContainerResize"
/>
<div v-for="event in events" :key="event.getId()"> <div v-for="event in events" :key="event.getId()">
<div <div
v-if=" v-if="
@ -47,12 +52,6 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Handle resizes, e.g. when soft keyboard is shown/hidden -->
<resize-observer
ref="chatContainerResizer"
@notify="handleChatContainerResize"
/>
</div> </div>
<!-- Input area --> <!-- Input area -->