fix friend sidebar auto scroll issue

This commit is contained in:
pa
2026-01-25 15:49:14 +09:00
parent 9ce33e337f
commit 9cecb6a45a
2 changed files with 8 additions and 7 deletions
+2 -2
View File
@@ -18,7 +18,7 @@
friend.ref.statusDescription friend.ref.statusDescription
}}</span> }}</span>
<template v-else> <template v-else>
<div v-if="friend.pendingOffline" class="text-xs"> <div v-if="friend.pendingOffline" class="extra block truncate text-xs">
{{ t('side_panel.pending_offline') }} {{ t('side_panel.pending_offline') }}
</div> </div>
<template v-else-if="isGroupByInstance"> <template v-else-if="isGroupByInstance">
@@ -34,7 +34,7 @@
</template> </template>
<Location <Location
v-else v-else
class="text-xs" class="extra block truncate text-xs"
:location="locationProp" :location="locationProp"
:traveling="travelingProp" :traveling="travelingProp"
:link="false" /> :link="false" />
@@ -29,13 +29,13 @@
<div class="avatar" :class="userStatusClass(currentUser)"> <div class="avatar" :class="userStatusClass(currentUser)">
<img :src="userImage(currentUser)" loading="lazy" /> <img :src="userImage(currentUser)" loading="lazy" />
</div> </div>
<div class="detail"> <div class="detail h-9 flex flex-col justify-between">
<span class="name" :style="{ color: currentUser.$userColour }">{{ <span class="name" :style="{ color: currentUser.$userColour }">{{
currentUser.displayName currentUser.displayName
}}</span> }}</span>
<Location <Location
v-if="isGameRunning && !gameLogDisabled" v-if="isGameRunning && !gameLogDisabled"
class="text-xs" class="extra block truncate text-xs"
:location="lastLocation.location" :location="lastLocation.location"
:traveling="lastLocationDestination" :traveling="lastLocationDestination"
:link="false" /> :link="false" />
@@ -44,12 +44,12 @@
isRealInstance(currentUser.$locationTag) || isRealInstance(currentUser.$locationTag) ||
isRealInstance(currentUser.$travelingToLocation) isRealInstance(currentUser.$travelingToLocation)
" "
class="text-xs" class="extra block truncate text-xs"
:location="currentUser.$locationTag" :location="currentUser.$locationTag"
:traveling="currentUser.$travelingToLocation" :traveling="currentUser.$travelingToLocation"
:link="false" /> :link="false" />
<span v-else class="text-xs">{{ currentUser.statusDescription }}</span> <span v-else class="extra block truncate text-xs">{{ currentUser.statusDescription }}</span>
</div> </div>
</div> </div>
</template> </template>
@@ -477,7 +477,8 @@
}); });
}); });
watch(virtualRows, () => { const virtualRowCount = computed(() => virtualRows.value.length);
watch(virtualRowCount, () => {
nextTick(() => { nextTick(() => {
virtualizer.value?.measure?.(); virtualizer.value?.measure?.();
}); });