fix forms closing in timelines

src/components/timeline/timeline.js

@@ -40,6 +40,12 @@ const Timeline = {
     TimelineQuickSettings
   },
   computed: {
+    filteredVisibleStatuses () {
+      return this.timeline.visibleStatuses.filter(status => this.timelineName !== 'user' || (status.id >= this.timeline.minId && status.id <= this.timeline.maxId))
+    },
+    filteredPinnedStatusesId () {
+      return this.pinnedStatusIds.filter(statusId => this.timeline.statusesObject[statusId])
+    },
     newStatusCount () {
       return this.timeline.newStatusCount
     },

src/components/timeline/timeline.vue

@@ -23,9 +23,8 @@
         ref="timeline"
         class="timeline"
       >
-        <template v-for="statusId in pinnedStatusIds">
         <conversation
-            v-if="timeline.statusesObject[statusId]"
+          v-for="statusId in filteredPinnedStatusIds"
           :key="statusId + '-pinned'"
           class="status-fadein"
           :status-id="statusId"
@@ -34,10 +33,8 @@
           :in-profile="inProfile"
           :profile-user-id="userId"
         />
-        </template>
-        <template v-for="status in timeline.visibleStatuses">
         <conversation
-            v-if="timelineName !== 'user' || (status.id >= timeline.minId && status.id <= timeline.maxId)"
+          v-for="status in filteredVisibleStatuses"
           :key="status.id"
           class="status-fadein"
           :status-id="status.id"
@@ -46,7 +43,6 @@
           :profile-user-id="userId"
           :virtual-hidden="virtualScrollingEnabled && !statusesToDisplay.includes(status.id)"
         />
-        </template>
       </div>
     </div>
     <div :class="classes.footer">