From 6a5383b595aafe35a7eeda71e5627d8a89f69688 Mon Sep 17 00:00:00 2001
From: Joel Drake <joeldrak3@outlook.com>
Date: Fri, 30 Dec 2022 17:38:46 +0100
Subject: [PATCH] fix: reply screen on mobile scroll to empty space (#616)

Co-authored-by: Joel Drake <joel.drake@ica.se>
---
 pages/[[server]]/@[account]/[status].vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/pages/[[server]]/@[account]/[status].vue b/pages/[[server]]/@[account]/[status].vue
index 8779cb01..82a6358c 100644
--- a/pages/[[server]]/@[account]/[status].vue
+++ b/pages/[[server]]/@[account]/[status].vue
@@ -10,7 +10,7 @@ definePageMeta({
 const route = useRoute()
 const id = $(computedEager(() => route.params.status as string))
 const main = ref<ComponentPublicInstance | null>(null)
-let bottomSpace = $ref(0)
+
 const publishWidget = ref()
 
 const { data: status, pending, refresh: refreshStatus } = useAsyncData(
@@ -28,8 +28,6 @@ function scrollTo() {
   if (!statusElement)
     return
 
-  const statusRect = statusElement.getBoundingClientRect()
-  bottomSpace = window.innerHeight - statusRect.height
   statusElement.scrollIntoView(true)
 }
 
@@ -59,7 +57,7 @@ onReactivated(() => {
 <template>
   <MainContent back>
     <template v-if="!pending">
-      <div v-if="status" min-h-100vh mt--1px>
+      <div v-if="status" mt--1px>
         <template v-for="comment of context?.ancestors" :key="comment.id">
           <StatusCard
             :status="comment" :actions="comment.visibility !== 'direct'" context="account"
@@ -89,8 +87,6 @@ onReactivated(() => {
             :older="context?.descendants[di + 1]" :newer="context?.descendants[di - 1]" :has-newer="di === 0" :main="status"
           />
         </template>
-
-        <div :style="{ height: `${bottomSpace}px` }" />
       </div>
 
       <StatusNotFound v-else :account="$route.params.account" :status="id" />