From 94f9ebc80ccafe0444a2f801f3af884b33e08d15 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Tue, 18 Jul 2023 13:02:20 +0000
Subject: [PATCH] :v:

---
 .../frontend/src/components/MkPagination.vue  | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/components/MkPagination.vue b/packages/frontend/src/components/MkPagination.vue
index 42e84ee0a3..577ea064b6 100644
--- a/packages/frontend/src/components/MkPagination.vue
+++ b/packages/frontend/src/components/MkPagination.vue
@@ -443,24 +443,14 @@ const prepend = (item: MisskeyEntity): void => {
 
 	if (
 		!isPausingUpdateByExecutingQueue.value && // スクロール調整中はキューに追加する
+		visibility.value !== 'hidden' && // バックグラウンドの場合はキューに追加する
 		queueSize.value === 0 && // キューに残っている場合はキューに追加する
 		active.value // keepAliveで隠されている間はキューに追加する
 	) {
 		if (!backed) {
 			// かなりスクロールの先頭にいる場合
 			if (items.value.has(item.id)) return; // 既にタイムラインにある場合は何もしない
-			if (visibility.value === 'hidden') {
-				// バックグラウンドかつスクロールの先頭にいる場合は
-				// prependQueueしつつちょっと特殊な処理を挟む…
-				// (Safariのスクロールの仕様が良くなればunshiftItemsにしたいところ)
-				prependQueue(item);
-				// スクロールを進めておくことで復帰時にスクロールを進めないでよくなる
-				scrollBy(scrollableElement, { top: 24, behavior: 'instant' });
-				// 一応backedを強制的にtrueにする
-				backed = true;
-			} else {
-				unshiftItems([item]);
-			}
+			unshiftItems([item]);
 		} else if (!weakBacked) {
 			// ちょっと先頭にいる場合はスクロールを調整する
 			prependQueue(item);
@@ -503,6 +493,15 @@ async function executeQueue() {
 	const queueArr = Array.from(queue.value.entries());
 	queue.value = new Map(queueArr.slice(props.pagination.limit));
 	isPausingUpdateByExecutingQueue.value = true;
+	if (!backed) {
+		// スクロールが先頭の場合
+		// スクロールを進めることでChromeやFirefoxはいい感じにスクロールを調整してくれる
+		scrollBy(scrollableElement, { top: 24, behavior: 'instant' });
+		// 一応backedを強制的にtrueにする
+		backed = true;
+
+		await nextTick();
+	}
 	unshiftItems(
 		queueArr.slice(0, props.pagination.limit).map(v => v[1]).reverse(),
 		Infinity,