From 39e385bb484d49a723169f0ae437321ea5984af3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 25 Aug 2026 17:51:23 +0300
Subject: [PATCH] fixes for virtual scrolling

---
 src/components/conversation/conversation.js  |  6 +++---
 src/components/conversation/conversation.vue |  3 +--
 src/components/status/status.js              | 11 ++++++-----
 src/components/status/status.vue             |  1 +
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 3202a79c9..8fd39aa1d 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -155,9 +155,9 @@ const conversation = {
       return this.otherRepliesButtonPosition === 'inside'
     },
     suspendable() {
-      return this.unsuspendibleIds.size > 0
+      return this.unsuspendibleIds.size === 0
     },
-    hideStatus() {
+    hide() {
       return this.virtualHidden && this.suspendable
     },
     originalStatusId() {
@@ -365,7 +365,6 @@ const conversation = {
       return !!(this.expanded || this.isPage)
     },
     hiddenStyle() {
-      if (this.isExpanded || !this.virtualHidden) return {}
       return { height: this.virtualHeight + 'px' }
     },
     threadDisplayStatus() {
@@ -621,6 +620,7 @@ const conversation = {
       }
     },
     updateVirtualHeight() {
+      if (this.hide) return // no updates when not rendering
       this.$nextTick(() => {
         this.virtualHeight = this.$refs.body.getBoundingClientRect().height
         this.$emit('update:virtualHeight', {
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index cc1376978..94c4db188 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -1,7 +1,6 @@
 <template>
   <div
-    v-if="!hideStatus"
-    :style="hiddenStyle"
+    v-if="!hide"
     class="Conversation"
     :class="{ '-expanded' : isExpanded, 'panel' : isExpanded }"
   >
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 16625235d..387146db1 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -128,7 +128,6 @@ const Status = {
     return {
       replying: false,
       unmuted: false,
-      userExpanded: false,
       mediaPlaying: new Set(),
       error: null,
       headTailLinks: null,
@@ -524,9 +523,6 @@ const Status = {
     toggleMute() {
       this.unmuted = !this.unmuted
     },
-    toggleUserExpanded() {
-      this.userExpanded = !this.userExpanded
-    },
     generateUserProfileLink(id, name) {
       return generateProfileLink(
         id,
@@ -576,6 +572,12 @@ const Status = {
         this.$emit('heightChange')
       },
     },
+    unmuted() {
+      this.$emit('heightChange')
+    },
+    error() {
+      this.$emit('heightChange')
+    },
     replying() {
       this.$emit('heightChange')
     },
@@ -604,7 +606,6 @@ const Status = {
     },
     isSuspendable: function (suspend) {
       this.$emit('suspendableStateChange', { id: this.status.id, suspend })
-      this.$emit('heightChange')
     },
   },
 }
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 0db67f24b..5171f7657 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -549,6 +549,7 @@
           @posted="closeReplyForm"
           @draft-done="closeReplyForm"
           @close-accepted="closeReplyForm"
+          @resize="$emit('heightChange')"
         />
       </div>
     </template>