amybones/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix broken chats

Browse source 
Co-authored-by: @ltlapy
This commit is contained in:
ThatOneCalculator 2022-07-11 13:45:00 -07:00 committed by Francis Dinh
parent 0e3a9d1e0d
commit 36503f63d8
Signed by untrusted user: norm
GPG key ID: 7123E30E441E80DE
2 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
packages/client/src/components/ui/pagination.vue
View file

@ -192,21 +192,23 @@ const prepend = (item: Item): void => {
if (props.pagination.reversed) { if (props.pagination.reversed) {
if (rootEl.value) { if (rootEl.value) {
const container = getScrollContainer(rootEl.value); const container = getScrollContainer(rootEl.value);
if (container == null) return; // TODO? if (container == null) {
// TODO?
const pos = getScrollPosition(rootEl.value); } else {
const viewHeight = container.clientHeight; const pos = getScrollPosition(rootEl.value);
const height = container.scrollHeight; const viewHeight = container.clientHeight;
const isBottom = (pos + viewHeight > height - 32); const height = container.scrollHeight;
if (isBottom) { const isBottom = (pos + viewHeight > height - 32);
// オーバーフローしたら古いアイテムは捨てる if (isBottom) {
if (items.value.length >= props.displayLimit) { // オーバーフローしたら古いアイテムは捨てる
// このやり方だとVue 3.2以降アニメーションが動かなくなる if (items.value.length >= props.displayLimit) {
//items.value = items.value.slice(-props.displayLimit); // このやり方だとVue 3.2以降アニメーションが動かなくなる
while (items.value.length >= props.displayLimit) { //items.value = items.value.slice(-props.displayLimit);
items.value.shift(); while (items.value.length >= props.displayLimit) {
items.value.shift();
}
more.value = true;
} }
more.value = true;
} }
} }
} }

3
packages/client/src/pages/messaging/messaging-room.vue
View file

@ -292,6 +292,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
<style lang="scss" scoped> <style lang="scss" scoped>
.mk-messaging-room { .mk-messaging-room {
position: relative; position: relative;
overflow: auto;
> .body { > .body {
.more { .more {
@ -337,7 +338,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
padding-top: 8px; padding-top: 8px;
@media (max-width: 500px) { @media (max-width: 500px) {
bottom: calc(env(safe-area-inset-bottom, 0px) + 92px); bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
} }
> .new-message { > .new-message {