From 92dd9a07825f367e0cb099cdbdf2a570a0098bc4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BE=E3=81=A3=E3=81=A1=E3=82=83=E3=81=A8=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E3=82=85?=
 <17376330+u1-liquid@users.noreply.github.com>
Date: Wed, 22 Nov 2023 01:10:06 +0900
Subject: [PATCH] =?UTF-8?q?enhance(frontend/PullToRefresh):=20=E3=82=B3?=
 =?UTF-8?q?=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88=E3=81=8C?=
 =?UTF-8?q?DOM=E3=81=8B=E3=82=89=E6=B6=88=E3=81=88=E3=81=9F=E6=99=82?=
 =?UTF-8?q?=E7=82=B9=E3=81=A7=E3=82=BF=E3=83=83=E3=83=81=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E3=81=AA=E3=81=A9=E3=81=AE=E3=82=B3=E3=83=BC=E3=83=AB=E3=83=90?=
 =?UTF-8?q?=E3=83=83=E3=82=AF=E9=96=A2=E6=95=B0=E3=81=8C=E6=AD=A2=E3=81=BE?=
 =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=20(MisskeyIO#244)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/components/MkPullToRefresh.vue   | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkPullToRefresh.vue b/packages/frontend/src/components/MkPullToRefresh.vue
index 4fb4c6fe56..2481343cee 100644
--- a/packages/frontend/src/components/MkPullToRefresh.vue
+++ b/packages/frontend/src/components/MkPullToRefresh.vue
@@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, ref, shallowRef } from 'vue';
+import { onMounted, onUnmounted, onActivated, onDeactivated, ref, shallowRef } from 'vue';
 import { i18n } from '@/i18n.js';
 import { getScrollContainer } from '@@/js/scroll.js';
 import { isHorizontalSwipeSwiping } from '@/scripts/touch.js';
@@ -198,8 +198,8 @@ function unregisterEventListenersForReadyToPull() {
 }
 
 onMounted(() => {
+	isRefreshing.value = false;
 	if (rootEl.value == null) return;
-
 	scrollEl = getScrollContainer(rootEl.value);
 	if (scrollEl == null) return;
 
@@ -210,7 +210,18 @@ onMounted(() => {
 	registerEventListenersForReadyToPull();
 });
 
+onActivated(() => {
+	isRefreshing.value = false;
+});
+
+onDeactivated(() => {
+	scrollEl!.style.touchAction = 'auto';
+	isRefreshing.value = true;
+});
+
 onUnmounted(() => {
+	scrollEl!.style.touchAction = 'auto';
+	isRefreshing.value = true;
 	if (scrollEl) scrollEl.removeEventListener('scroll', onScrollContainerScroll);
 
 	unregisterEventListenersForReadyToPull();